bj-web-components 0.2.28 → 0.2.29

package/dist/web/Table/Column.js

@@ -1,5 +1 @@
-"use strict";
-function Column(_) {
-  return null;
-}
-module.exports = Column;
+"use strict";function n(t){return null}module.exports=n;

package/dist/web/Table/Column.mjs

@@ -1,6 +1,6 @@
-function Column(_) {
+function u(n) {
   return null;
 }
 export {
-  Column as default
+  u as default
 };

package/dist/web/Table/ColumnGroup.js

@@ -1,5 +1 @@
-"use strict";
-function ColumnGroup(_) {
-  return null;
-}
-module.exports = ColumnGroup;
+"use strict";function u(n){return null}module.exports=u;

package/dist/web/Table/ColumnGroup.mjs

@@ -1,6 +1,6 @@
-function ColumnGroup(_) {
+function n(u) {
   return null;
 }
 export {
-  ColumnGroup as default
+  n as default
 };

package/dist/web/Table/utils/columns.js

@@ -1,48 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-function convertChildrenToColumns(children) {
-  return react.Children.toArray(children).flatMap((child, index) => {
-    if (!react.isValidElement(child)) return [];
-    const props = child.props;
-    const { children: nestedChildren, ...columnProps } = props;
-    return [{
-      ...columnProps,
-      key: child.key ?? columnProps.key ?? index,
-      ...nestedChildren ? { children: convertChildrenToColumns(nestedChildren) } : {}
-    }];
-  });
-}
-function flattenColumns(columns) {
-  return columns.flatMap((column) => "children" in column ? flattenColumns(column.children) : [column]);
-}
-function getDepth(columns) {
-  return columns.reduce((depth, column) => Math.max(
-    depth,
-    "children" in column ? 1 + getDepth(column.children) : 1
-  ), 1);
-}
-function getLeafCount(column) {
-  return "children" in column ? column.children.reduce((count, child) => count + getLeafCount(child), 0) : 1;
-}
-function buildHeaderRows(columns) {
-  const maxDepth = getDepth(columns);
-  const rows = Array.from({ length: maxDepth }, () => []);
-  const visit = (items, depth) => {
-    items.forEach((column) => {
-      const hasChildren = "children" in column && column.children.length > 0;
-      rows[depth].push({
-        column,
-        colSpan: column.colSpan ?? (hasChildren ? getLeafCount(column) : 1),
-        rowSpan: hasChildren ? 1 : maxDepth - depth,
-        depth
-      });
-      if (hasChildren) visit(column.children, depth + 1);
-    });
-  };
-  visit(columns, 0);
-  return rows;
-}
-exports.buildHeaderRows = buildHeaderRows;
-exports.convertChildrenToColumns = convertChildrenToColumns;
-exports.flattenColumns = flattenColumns;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function c(r){return s.Children.toArray(r).flatMap((e,n)=>{if(!s.isValidElement(e))return[];const o=e.props,{children:l,...t}=o;return[{...t,key:e.key??t.key??n,...l?{children:c(l)}:{}}]})}function d(r){return r.flatMap(e=>"children"in e?d(e.children):[e])}function h(r){return r.reduce((e,n)=>Math.max(e,"children"in n?1+h(n.children):1),1)}function u(r){return"children"in r?r.children.reduce((e,n)=>e+u(n),0):1}function f(r){const e=h(r),n=Array.from({length:e},()=>[]),o=(l,t)=>{l.forEach(i=>{const a="children"in i&&i.children.length>0;n[t].push({column:i,colSpan:i.colSpan??(a?u(i):1),rowSpan:a?1:e-t,depth:t}),a&&o(i.children,t+1)})};return o(r,0),n}exports.buildHeaderRows=f;exports.convertChildrenToColumns=c;exports.flattenColumns=d;

package/dist/web/Table/utils/columns.mjs

@@ -1,48 +1,43 @@
-import { Children, isValidElement } from "react";
-function convertChildrenToColumns(children) {
-  return Children.toArray(children).flatMap((child, index) => {
-    if (!isValidElement(child)) return [];
-    const props = child.props;
-    const { children: nestedChildren, ...columnProps } = props;
+import { Children as d, isValidElement as l } from "react";
+function f(n) {
+  return d.toArray(n).flatMap((r, e) => {
+    if (!l(r)) return [];
+    const o = r.props, { children: a, ...t } = o;
     return [{
-      ...columnProps,
-      key: child.key ?? columnProps.key ?? index,
-      ...nestedChildren ? { children: convertChildrenToColumns(nestedChildren) } : {}
+      ...t,
+      key: r.key ?? t.key ?? e,
+      ...a ? { children: f(a) } : {}
     }];
   });
 }
-function flattenColumns(columns) {
-  return columns.flatMap((column) => "children" in column ? flattenColumns(column.children) : [column]);
+function p(n) {
+  return n.flatMap((r) => "children" in r ? p(r.children) : [r]);
 }
-function getDepth(columns) {
-  return columns.reduce((depth, column) => Math.max(
-    depth,
-    "children" in column ? 1 + getDepth(column.children) : 1
+function c(n) {
+  return n.reduce((r, e) => Math.max(
+    r,
+    "children" in e ? 1 + c(e.children) : 1
   ), 1);
 }
-function getLeafCount(column) {
-  return "children" in column ? column.children.reduce((count, child) => count + getLeafCount(child), 0) : 1;
+function s(n) {
+  return "children" in n ? n.children.reduce((r, e) => r + s(e), 0) : 1;
 }
-function buildHeaderRows(columns) {
-  const maxDepth = getDepth(columns);
-  const rows = Array.from({ length: maxDepth }, () => []);
-  const visit = (items, depth) => {
-    items.forEach((column) => {
-      const hasChildren = "children" in column && column.children.length > 0;
-      rows[depth].push({
-        column,
-        colSpan: column.colSpan ?? (hasChildren ? getLeafCount(column) : 1),
-        rowSpan: hasChildren ? 1 : maxDepth - depth,
-        depth
-      });
-      if (hasChildren) visit(column.children, depth + 1);
+function C(n) {
+  const r = c(n), e = Array.from({ length: r }, () => []), o = (a, t) => {
+    a.forEach((i) => {
+      const h = "children" in i && i.children.length > 0;
+      e[t].push({
+        column: i,
+        colSpan: i.colSpan ?? (h ? s(i) : 1),
+        rowSpan: h ? 1 : r - t,
+        depth: t
+      }), h && o(i.children, t + 1);
     });
   };
-  visit(columns, 0);
-  return rows;
+  return o(n, 0), e;
 }
 export {
-  buildHeaderRows,
-  convertChildrenToColumns,
-  flattenColumns
+  C as buildHeaderRows,
+  f as convertChildrenToColumns,
+  p as flattenColumns
 };

package/dist/web/Table/utils/sortFilter.js

@@ -1,84 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getColumnKey(column, index) {
-  if (column.key !== void 0 && column.key !== null) {
-    return column.key;
-  }
-  if (column.dataIndex !== void 0) {
-    return Array.isArray(column.dataIndex) ? column.dataIndex.join(".") : column.dataIndex;
-  }
-  return index;
-}
-function renderColumnTitle(title, props) {
-  return typeof title === "function" ? title(props) : title;
-}
-function getNextSortOrder(current, directions = ["ascend", "descend", null]) {
-  const currentIndex = directions.indexOf(current);
-  const nextOrder = directions[currentIndex + 1];
-  return nextOrder === void 0 ? directions[0] ?? null : nextOrder;
-}
-function getCompare(column) {
-  if (typeof column.sorter === "function") {
-    return column.sorter;
-  }
-  if (column.sorter && typeof column.sorter === "object") {
-    return column.sorter.compare;
-  }
-  return void 0;
-}
-function getMultiplePriority(column) {
-  return column.sorter && typeof column.sorter === "object" ? column.sorter.multiple ?? 0 : 0;
-}
-function sortRecords(records, columns, orders, childrenColumnName = "children") {
-  const activeSorters = columns.map((column, index) => ({
-    column,
-    key: getColumnKey(column, index)
-  })).filter(({ column, key }) => !("children" in column) && getCompare(column) && orders.get(key)).sort((first, second) => getMultiplePriority(second.column) - getMultiplePriority(first.column));
-  if (activeSorters.length === 0) {
-    return [...records];
-  }
-  return [...records].sort((first, second) => {
-    for (const { column, key } of activeSorters) {
-      const order = orders.get(key);
-      const compare = getCompare(column);
-      if (order && compare) {
-        const result = compare(first, second, order);
-        if (result !== 0) {
-          return order === "ascend" ? result : -result;
-        }
-      }
-    }
-    return 0;
-  }).map((record) => {
-    const children = record[childrenColumnName];
-    return Array.isArray(children) ? { ...record, [childrenColumnName]: sortRecords(children, columns, orders, childrenColumnName) } : record;
-  });
-}
-function filterRecords(records, columns, filters) {
-  return columns.reduce((currentRecords, rawColumn, index) => {
-    const column = rawColumn;
-    const selectedValues = filters.get(getColumnKey(column, index));
-    if (!column.onFilter || !(selectedValues == null ? void 0 : selectedValues.length)) {
-      return currentRecords;
-    }
-    return currentRecords.filter((record) => selectedValues.some((value) => {
-      var _a;
-      return (_a = column.onFilter) == null ? void 0 : _a.call(column, value, record);
-    }));
-  }, [...records]);
-}
-function getSorterResult(columns, orders) {
-  const results = columns.flatMap((rawColumn, index) => {
-    const column = rawColumn;
-    const key = getColumnKey(column, index);
-    const order = orders.get(key);
-    return order ? [{ column, order, field: column.dataIndex, columnKey: key }] : [];
-  });
-  return results.length <= 1 ? results[0] ?? {} : results;
-}
-exports.filterRecords = filterRecords;
-exports.getColumnKey = getColumnKey;
-exports.getNextSortOrder = getNextSortOrder;
-exports.getSorterResult = getSorterResult;
-exports.renderColumnTitle = renderColumnTitle;
-exports.sortRecords = sortRecords;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t,n){return t.key!==void 0&&t.key!==null?t.key:t.dataIndex!==void 0?Array.isArray(t.dataIndex)?t.dataIndex.join("."):t.dataIndex:n}function x(t,n){return typeof t=="function"?t(n):t}function S(t,n=["ascend","descend",null]){const o=n.indexOf(t),i=n[o+1];return i===void 0?n[0]??null:i}function l(t){if(typeof t.sorter=="function")return t.sorter;if(t.sorter&&typeof t.sorter=="object")return t.sorter.compare}function g(t){return t.sorter&&typeof t.sorter=="object"?t.sorter.multiple??0:0}function p(t,n,o,i="children"){const f=n.map((e,r)=>({column:e,key:a(e,r)})).filter(({column:e,key:r})=>!("children"in e)&&l(e)&&o.get(r)).sort((e,r)=>g(r.column)-g(e.column));return f.length===0?[...t]:[...t].sort((e,r)=>{for(const{column:s,key:c}of f){const u=o.get(c),d=l(s);if(u&&d){const y=d(e,r,u);if(y!==0)return u==="ascend"?y:-y}}return 0}).map(e=>{const r=e[i];return Array.isArray(r)?{...e,[i]:p(r,n,o,i)}:e})}function k(t,n,o){return n.reduce((i,f,e)=>{const r=f,s=o.get(a(r,e));return!r.onFilter||!(s!=null&&s.length)?i:i.filter(c=>s.some(u=>{var d;return(d=r.onFilter)==null?void 0:d.call(r,u,c)}))},[...t])}function v(t,n){const o=t.flatMap((i,f)=>{const e=i,r=a(e,f),s=n.get(r);return s?[{column:e,order:s,field:e.dataIndex,columnKey:r}]:[]});return o.length<=1?o[0]??{}:o}exports.filterRecords=k;exports.getColumnKey=a;exports.getNextSortOrder=S;exports.getSorterResult=v;exports.renderColumnTitle=x;exports.sortRecords=p;

package/dist/web/Table/utils/sortFilter.mjs

@@ -1,84 +1,63 @@
-function getColumnKey(column, index) {
-  if (column.key !== void 0 && column.key !== null) {
-    return column.key;
-  }
-  if (column.dataIndex !== void 0) {
-    return Array.isArray(column.dataIndex) ? column.dataIndex.join(".") : column.dataIndex;
-  }
-  return index;
-}
-function renderColumnTitle(title, props) {
-  return typeof title === "function" ? title(props) : title;
-}
-function getNextSortOrder(current, directions = ["ascend", "descend", null]) {
-  const currentIndex = directions.indexOf(current);
-  const nextOrder = directions[currentIndex + 1];
-  return nextOrder === void 0 ? directions[0] ?? null : nextOrder;
-}
-function getCompare(column) {
-  if (typeof column.sorter === "function") {
-    return column.sorter;
-  }
-  if (column.sorter && typeof column.sorter === "object") {
-    return column.sorter.compare;
-  }
-  return void 0;
-}
-function getMultiplePriority(column) {
-  return column.sorter && typeof column.sorter === "object" ? column.sorter.multiple ?? 0 : 0;
-}
-function sortRecords(records, columns, orders, childrenColumnName = "children") {
-  const activeSorters = columns.map((column, index) => ({
-    column,
-    key: getColumnKey(column, index)
-  })).filter(({ column, key }) => !("children" in column) && getCompare(column) && orders.get(key)).sort((first, second) => getMultiplePriority(second.column) - getMultiplePriority(first.column));
-  if (activeSorters.length === 0) {
-    return [...records];
-  }
-  return [...records].sort((first, second) => {
-    for (const { column, key } of activeSorters) {
-      const order = orders.get(key);
-      const compare = getCompare(column);
-      if (order && compare) {
-        const result = compare(first, second, order);
-        if (result !== 0) {
-          return order === "ascend" ? result : -result;
-        }
+function y(t, n) {
+  return t.key !== void 0 && t.key !== null ? t.key : t.dataIndex !== void 0 ? Array.isArray(t.dataIndex) ? t.dataIndex.join(".") : t.dataIndex : n;
+}
+function x(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function k(t, n = ["ascend", "descend", null]) {
+  const o = n.indexOf(t), i = n[o + 1];
+  return i === void 0 ? n[0] ?? null : i;
+}
+function p(t) {
+  if (typeof t.sorter == "function")
+    return t.sorter;
+  if (t.sorter && typeof t.sorter == "object")
+    return t.sorter.compare;
+}
+function g(t) {
+  return t.sorter && typeof t.sorter == "object" ? t.sorter.multiple ?? 0 : 0;
+}
+function l(t, n, o, i = "children") {
+  const s = n.map((r, e) => ({
+    column: r,
+    key: y(r, e)
+  })).filter(({ column: r, key: e }) => !("children" in r) && p(r) && o.get(e)).sort((r, e) => g(e.column) - g(r.column));
+  return s.length === 0 ? [...t] : [...t].sort((r, e) => {
+    for (const { column: f, key: d } of s) {
+      const u = o.get(d), a = p(f);
+      if (u && a) {
+        const c = a(r, e, u);
+        if (c !== 0)
+          return u === "ascend" ? c : -c;
       }
     }
     return 0;
-  }).map((record) => {
-    const children = record[childrenColumnName];
-    return Array.isArray(children) ? { ...record, [childrenColumnName]: sortRecords(children, columns, orders, childrenColumnName) } : record;
+  }).map((r) => {
+    const e = r[i];
+    return Array.isArray(e) ? { ...r, [i]: l(e, n, o, i) } : r;
   });
 }
-function filterRecords(records, columns, filters) {
-  return columns.reduce((currentRecords, rawColumn, index) => {
-    const column = rawColumn;
-    const selectedValues = filters.get(getColumnKey(column, index));
-    if (!column.onFilter || !(selectedValues == null ? void 0 : selectedValues.length)) {
-      return currentRecords;
-    }
-    return currentRecords.filter((record) => selectedValues.some((value) => {
-      var _a;
-      return (_a = column.onFilter) == null ? void 0 : _a.call(column, value, record);
+function I(t, n, o) {
+  return n.reduce((i, s, r) => {
+    const e = s, f = o.get(y(e, r));
+    return !e.onFilter || !(f != null && f.length) ? i : i.filter((d) => f.some((u) => {
+      var a;
+      return (a = e.onFilter) == null ? void 0 : a.call(e, u, d);
     }));
-  }, [...records]);
+  }, [...t]);
 }
-function getSorterResult(columns, orders) {
-  const results = columns.flatMap((rawColumn, index) => {
-    const column = rawColumn;
-    const key = getColumnKey(column, index);
-    const order = orders.get(key);
-    return order ? [{ column, order, field: column.dataIndex, columnKey: key }] : [];
+function v(t, n) {
+  const o = t.flatMap((i, s) => {
+    const r = i, e = y(r, s), f = n.get(e);
+    return f ? [{ column: r, order: f, field: r.dataIndex, columnKey: e }] : [];
   });
-  return results.length <= 1 ? results[0] ?? {} : results;
+  return o.length <= 1 ? o[0] ?? {} : o;
 }
 export {
-  filterRecords,
-  getColumnKey,
-  getNextSortOrder,
-  getSorterResult,
-  renderColumnTitle,
-  sortRecords
+  I as filterRecords,
+  y as getColumnKey,
+  k as getNextSortOrder,
+  v as getSorterResult,
+  x as renderColumnTitle,
+  l as sortRecords
 };

package/dist/web/Tabs/BTabs.js

@@ -1,150 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const TabPane = require("./TabPane.js");
-;/* empty css            */
-function classNames(...values) {
-  return values.filter(Boolean).join(" ");
-}
-function useMergedState(defaultValue, value) {
-  const [innerValue, setInnerValue] = react.useState(defaultValue);
-  return [value === void 0 ? innerValue : value, setInnerValue];
-}
-function useLegacyItems(items, children) {
-  return react.useMemo(() => {
-    if (items) return items.filter((item) => Boolean(item && typeof item === "object" && "key" in item));
-    return react.Children.toArray(children).flatMap((child) => {
-      if (!react.isValidElement(child)) return [];
-      const { tab, tabKey, ...restProps } = child.props;
-      const key = tabKey ?? child.key;
-      return key === null ? [] : [{ ...restProps, key: String(key), label: tab }];
-    });
-  }, [children, items]);
-}
-function TabNode({
-  active,
-  id,
-  item,
-  onClick,
-  onKeyDown,
-  tabCount,
-  tabIndex
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      "aria-controls": `${id}-panel-${item.key}`,
-      "aria-disabled": item.disabled,
-      "aria-selected": active,
-      className: classNames("bj-tabs__tab", active && "bj-tabs__tab--active", item.disabled && "bj-tabs__tab--disabled"),
-      disabled: item.disabled,
-      id: `${id}-tab-${item.key}`,
-      onClick,
-      onKeyDown,
-      role: "tab",
-      tabIndex: item.disabled ? -1 : active ? 0 : -1,
-      type: "button",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-tabs__tab-btn", children: item.label }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-tabs__sr-only", children: `Tab ${tabIndex + 1} of ${tabCount}` })
-      ]
-    }
-  );
-}
-function TabPanelList({ activeKey, id, items }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__content-holder", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__content", children: items.map((item) => {
-    const active = item.key === activeKey;
-    if (!active && !item.forceRender) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "aria-hidden": !active,
-        "aria-labelledby": `${id}-tab-${item.key}`,
-        className: classNames("bj-tabs__tabpane", active && "bj-tabs__tabpane--active", item.className),
-        id: `${id}-panel-${item.key}`,
-        role: "tabpanel",
-        style: item.style,
-        tabIndex: active ? 0 : -1,
-        children: item.children
-      },
-      item.key
-    );
-  }) }) });
-}
-function BTabs({
-  activeKey,
-  children,
-  centered,
-  className,
-  defaultActiveKey,
-  id,
-  items,
-  onChange,
-  onTabClick,
-  style,
-  tabBarGutter,
-  tabBarStyle,
-  tabPosition = "top",
-  type = "line"
-}) {
-  const tabs = useLegacyItems(items, children);
-  const generatedIdRef = react.useRef(`bj-tabs-${Math.random().toString(36).slice(2, 10)}`);
-  const mergedId = id ?? generatedIdRef.current;
-  const [mergedActiveKey, setMergedActiveKey] = useMergedState(
-    () => {
-      var _a;
-      return defaultActiveKey ?? ((_a = tabs[0]) == null ? void 0 : _a.key);
-    },
-    activeKey
-  );
-  const [activeIndex, setActiveIndex] = react.useState(() => tabs.findIndex((tab) => tab.key === mergedActiveKey));
-  react.useEffect(() => {
-    var _a;
-    let nextActiveIndex = tabs.findIndex((tab) => tab.key === mergedActiveKey);
-    if (nextActiveIndex === -1) {
-      nextActiveIndex = Math.max(0, Math.min(activeIndex, tabs.length - 1));
-      setMergedActiveKey((_a = tabs[nextActiveIndex]) == null ? void 0 : _a.key);
-    }
-    setActiveIndex(nextActiveIndex);
-  }, [activeIndex, mergedActiveKey, setMergedActiveKey, tabs]);
-  const activateTab = (key, event) => {
-    onTabClick == null ? void 0 : onTabClick(key, event);
-    if (key === mergedActiveKey) return;
-    setMergedActiveKey(key);
-    onChange == null ? void 0 : onChange(key);
-  };
-  const moveFocus = (event, index) => {
-    var _a;
-    const isVertical = tabPosition === "left" || tabPosition === "right";
-    const nextKey = isVertical ? event.key === "ArrowDown" ? 1 : event.key === "ArrowUp" ? -1 : 0 : event.key === "ArrowRight" ? 1 : event.key === "ArrowLeft" ? -1 : 0;
-    if (!nextKey) return;
-    event.preventDefault();
-    const enabledTabs = tabs.filter((tab) => !tab.disabled);
-    const enabledIndex = enabledTabs.findIndex((tab) => {
-      var _a2;
-      return tab.key === ((_a2 = tabs[index]) == null ? void 0 : _a2.key);
-    });
-    const nextTab = enabledTabs[(enabledIndex + nextKey + enabledTabs.length) % enabledTabs.length];
-    (_a = document.getElementById(`${mergedId}-tab-${nextTab == null ? void 0 : nextTab.key}`)) == null ? void 0 : _a.focus();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames("bj-tabs", `bj-tabs--${tabPosition}`, `bj-tabs--${type}`, centered && "bj-tabs--centered", className), style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__nav", role: "tablist", style: tabBarStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__nav-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__nav-list", children: tabs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabNode,
-      {
-        active: item.key === mergedActiveKey,
-        id: mergedId,
-        item,
-        onClick: (event) => activateTab(item.key, event),
-        onKeyDown: (event) => moveFocus(event, index),
-        tabCount: tabs.length,
-        tabIndex: index
-      },
-      item.key
-    )) }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TabPanelList, { activeKey: mergedActiveKey, id: mergedId, items: tabs })
-  ] });
-}
-BTabs.TabPane = TabPane.TabPane;
-exports.TabPane = TabPane.TabPane;
-exports.default = BTabs;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),M=require("./TabPane.js");;/* empty css            */function I(...s){return s.filter(Boolean).join(" ")}function q(s,n){const[t,a]=c.useState(s);return[n===void 0?t:n,a]}function D(s,n){return c.useMemo(()=>s?s.filter(t=>!!(t&&typeof t=="object"&&"key"in t)):c.Children.toArray(n).flatMap(t=>{if(!c.isValidElement(t))return[];const{tab:a,tabKey:b,...y}=t.props,i=b??t.key;return i===null?[]:[{...y,key:String(i),label:a}]}),[n,s])}function E({active:s,id:n,item:t,onClick:a,onKeyDown:b,tabCount:y,tabIndex:i}){return r.jsxs("button",{"aria-controls":`${n}-panel-${t.key}`,"aria-disabled":t.disabled,"aria-selected":s,className:I("bj-tabs__tab",s&&"bj-tabs__tab--active",t.disabled&&"bj-tabs__tab--disabled"),disabled:t.disabled,id:`${n}-tab-${t.key}`,onClick:a,onKeyDown:b,role:"tab",tabIndex:t.disabled?-1:s?0:-1,type:"button",children:[r.jsx("span",{className:"bj-tabs__tab-btn",children:t.label}),r.jsx("span",{className:"bj-tabs__sr-only",children:`Tab ${i+1} of ${y}`})]})}function L({activeKey:s,id:n,items:t}){return r.jsx("div",{className:"bj-tabs__content-holder",children:r.jsx("div",{className:"bj-tabs__content",children:t.map(a=>{const b=a.key===s;return!b&&!a.forceRender?null:r.jsx("div",{"aria-hidden":!b,"aria-labelledby":`${n}-tab-${a.key}`,className:I("bj-tabs__tabpane",b&&"bj-tabs__tabpane--active",a.className),id:`${n}-panel-${a.key}`,role:"tabpanel",style:a.style,tabIndex:b?0:-1,children:a.children},a.key)})})})}function m({activeKey:s,children:n,centered:t,className:a,defaultActiveKey:b,id:y,items:i,onChange:f,onTabClick:_,style:w,tabBarGutter:F,tabBarStyle:S,tabPosition:x="top",type:T="line"}){const l=D(i,n),K=c.useRef(`bj-tabs-${Math.random().toString(36).slice(2,10)}`),p=y??K.current,[o,v]=q(()=>{var e;return b??((e=l[0])==null?void 0:e.key)},s),[$,P]=c.useState(()=>l.findIndex(e=>e.key===o));c.useEffect(()=>{var d;let e=l.findIndex(u=>u.key===o);e===-1&&(e=Math.max(0,Math.min($,l.length-1)),v((d=l[e])==null?void 0:d.key)),P(e)},[$,o,v,l]);const B=(e,d)=>{_==null||_(e,d),e!==o&&(v(e),f==null||f(e))},R=(e,d)=>{var N;const g=x==="left"||x==="right"?e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:0:e.key==="ArrowRight"?1:e.key==="ArrowLeft"?-1:0;if(!g)return;e.preventDefault();const j=l.filter(h=>!h.disabled),V=j.findIndex(h=>{var A;return h.key===((A=l[d])==null?void 0:A.key)}),k=j[(V+g+j.length)%j.length];(N=document.getElementById(`${p}-tab-${k==null?void 0:k.key}`))==null||N.focus()};return r.jsxs("div",{className:I("bj-tabs",`bj-tabs--${x}`,`bj-tabs--${T}`,t&&"bj-tabs--centered",a),style:w,children:[r.jsx("div",{className:"bj-tabs__nav",role:"tablist",style:S,children:r.jsx("div",{className:"bj-tabs__nav-wrap",children:r.jsx("div",{className:"bj-tabs__nav-list",children:l.map((e,d)=>r.jsx(E,{active:e.key===o,id:p,item:e,onClick:u=>B(e.key,u),onKeyDown:u=>R(u,d),tabCount:l.length,tabIndex:d},e.key))})})}),r.jsx(L,{activeKey:o,id:p,items:l})]})}m.TabPane=M.TabPane;exports.TabPane=M.TabPane;exports.default=m;