@scrippsproduct/networks-ui-library 1.1.8 → 1.1.10-alpha.0

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -4,7 +4,7 @@ import { f as S } from "../../format-YhWt2D8M.mjs";
 import { l as g } from "../../logger-C0N7U0YY.mjs";
 import { classes as L } from "../../utils/helpers.js";
 import { ScheduleProvider as E } from "./ScheduleContext.js";
-import { useScheduleContext as q } from "./useScheduleContext.js";
+import { u as q } from "../../useScheduleContext-D7FdzNxe.mjs";
 import { DateNavigation as T } from "../DateNavigation/DateNavigation.js";
 import { ScheduleList as k } from "../ScheduleList/ScheduleList.js";
 g.setComponent("ScheduleLayout");

package/dist/components/ScheduleLayout/useScheduleContext.js

@@ -1,12 +1,7 @@
-import { useContext as t } from "react";
-import { ScheduleContext as o } from "./ScheduleContext.js";
-function n() {
-  const e = t(o);
-  if (e === void 0)
-    throw new Error("useScheduleContext must be used within a ScheduleProvider");
-  return e;
-}
+import "react";
+import "./ScheduleContext.js";
+import { u as r, u as a } from "../../useScheduleContext-D7FdzNxe.mjs";
 export {
-  n as default,
-  n as useScheduleContext
+  r as default,
+  a as useScheduleContext
 };

package/dist/components/ScheduleList/ScheduleList.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as v } from "react/jsx-runtime";
 import { useReducer as A, useState as x, useRef as u, useCallback as C, useEffect as c } from "react";
 import { classes as S, getMinutesFromStr as D } from "../../utils/helpers.js";
-import { useScheduleContext as M } from "../ScheduleLayout/useScheduleContext.js";
+import { u as M } from "../../useScheduleContext-D7FdzNxe.mjs";
 import { Loading as O } from "../Loading/Loading.js";
 import { SportsItem as P } from "./schedule-list-items/SportsItem.js";
 import { SeriesItem as k } from "./schedule-list-items/SeriesItem.js";

package/dist/components/SectionedContent/SectionedContent.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as d, Fragment as s } from "react/jsx-runtime";
-import { p as a } from "../../index-VjANCDXC.mjs";
+import { p as a } from "../../index-06PEPfBQ.mjs";
 import { classes as o } from "../../utils/helpers.js";
 import '../../assets/SectionedContent.css';const i = "_h2_16wib_6", l = "_h3_16wib_6", r = {
   "sectioned-content__content": "_sectioned-content__content_16wib_1",

package/dist/components/SectionedContent/SectionedContent.test.js

@@ -0,0 +1,341 @@
+import { jsx as c } from "react/jsx-runtime";
+import { v as y, d, b as m, i as s, r as i, g as t } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { SectionedContent as r } from "./SectionedContent.js";
+const h = y.fn((o) => o.join(" "));
+y.mock("../../utils/helpers", () => ({
+  classes: (o) => h(o)
+}));
+const l = y.fn((o) => o);
+y.mock("html-react-parser", () => ({
+  default: (o) => l(o)
+}));
+d("SectionedContent", () => {
+  m(() => {
+    y.clearAllMocks();
+  });
+  const o = (e) => ({
+    header: {
+      type: "primary",
+      title: "Test Header"
+    },
+    content: "<p>Test content</p>",
+    ...e
+  });
+  d("Basic Rendering", () => {
+    s("should render sectioned-content element", () => {
+      const e = [o()], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelector("sectioned-content");
+      t(a).toBeInTheDocument();
+    }), s("should render empty sectioned-content when sections array is empty", () => {
+      const { container: e } = i(/* @__PURE__ */ c(r, { sections: [] })), n = e.querySelector("sectioned-content");
+      t(n).toBeInTheDocument(), t(n == null ? void 0 : n.children).toHaveLength(0);
+    }), s("should render empty sectioned-content when sections is undefined", () => {
+      const { container: e } = i(/* @__PURE__ */ c(r, {})), n = e.querySelector("sectioned-content");
+      t(n).toBeInTheDocument(), t(n == null ? void 0 : n.children).toHaveLength(0);
+    }), s("should render correct number of sections", () => {
+      const e = [
+        o({ header: { type: "primary", title: "Section 1" } }),
+        o({ header: { type: "secondary", title: "Section 2" } }),
+        o({ header: { type: "primary", title: "Section 3" } })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(3);
+    });
+  }), d("Header Types", () => {
+    s("should render primary header as h1 with h2 class", () => {
+      const e = [o({
+        header: { type: "primary", title: "Primary Header" }
+      })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringContaining('<h1 class="h2')
+      ), t(l).toHaveBeenCalledWith(
+        t.stringContaining("Primary Header</h1>")
+      );
+    }), s("should render secondary header as h2 with h3 class", () => {
+      const e = [o({
+        header: { type: "secondary", title: "Secondary Header" }
+      })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringContaining('<h2 class="h3')
+      ), t(l).toHaveBeenCalledWith(
+        t.stringContaining("Secondary Header</h2>")
+      );
+    }), s("should call classes helper for primary header", () => {
+      const e = [o({ header: { type: "primary", title: "Test" } })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(h).toHaveBeenCalledWith(
+        t.arrayContaining(["h2"])
+      );
+    }), s("should call classes helper for secondary header", () => {
+      const e = [o({ header: { type: "secondary", title: "Test" } })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(h).toHaveBeenCalledWith(
+        t.arrayContaining(["h3"])
+      );
+    }), s("should handle both header types in same component", () => {
+      const e = [
+        o({ header: { type: "primary", title: "Primary" } }),
+        o({ header: { type: "secondary", title: "Secondary" } })
+      ];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringContaining("<h1")
+      ), t(l).toHaveBeenCalledWith(
+        t.stringContaining("<h2")
+      );
+    });
+  }), d("Content Rendering", () => {
+    s("should parse string content with html-react-parser", () => {
+      const e = [o({
+        content: "<p>HTML content</p>"
+      })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith("<p>HTML content</p>");
+    }), s("should render JSX.Element content directly", () => {
+      const e = [o({
+        content: /* @__PURE__ */ c("div", { "data-testid": "jsx-content", children: "JSX Content" })
+      })], { getByTestId: n } = i(/* @__PURE__ */ c(r, { sections: e }));
+      t(n("jsx-content")).toBeInTheDocument(), t(n("jsx-content")).toHaveTextContent("JSX Content");
+    }), s("should wrap content in div with correct classes", () => {
+      const e = [o()], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelector(".sectioned-content__content");
+      t(a).toBeInTheDocument();
+    }), s("should call classes helper for content div", () => {
+      const e = [o()];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(h).toHaveBeenCalledWith(
+        t.arrayContaining(["sectioned-content__content"])
+      );
+    }), s("should handle complex HTML strings", () => {
+      const e = "<div><p>Paragraph 1</p><ul><li>Item 1</li><li>Item 2</li></ul></div>", n = [o({ content: e })];
+      i(/* @__PURE__ */ c(r, { sections: n })), t(l).toHaveBeenCalledWith(e);
+    }), s("should handle multiple JSX elements", () => {
+      const e = [
+        o({
+          header: { type: "primary", title: "Section 1" },
+          content: /* @__PURE__ */ c("div", { "data-testid": "jsx-1", children: "Content 1" })
+        }),
+        o({
+          header: { type: "secondary", title: "Section 2" },
+          content: /* @__PURE__ */ c("div", { "data-testid": "jsx-2", children: "Content 2" })
+        })
+      ], { getByTestId: n } = i(/* @__PURE__ */ c(r, { sections: e }));
+      t(n("jsx-1")).toBeInTheDocument(), t(n("jsx-2")).toBeInTheDocument();
+    });
+  }), d("Conditional Rendering", () => {
+    s("should not render section when content is undefined", () => {
+      const e = [o({
+        content: void 0
+      })], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(0);
+    }), s("should not render section when content is empty string", () => {
+      const e = [o({ content: "" })], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(0);
+    }), s("should not render section when header is undefined", () => {
+      const e = [o({
+        header: void 0
+      })], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(0);
+    }), s("should render valid sections and skip invalid ones", () => {
+      const e = [
+        o({ header: { type: "primary", title: "Valid 1" } }),
+        o({ content: "" }),
+        o({ header: { type: "secondary", title: "Valid 2" } }),
+        o({ content: void 0 })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(2);
+    }), s("should render empty Fragment for invalid sections", () => {
+      const e = [
+        o({ content: "" })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelector("sectioned-content");
+      t(a).toBeInTheDocument();
+      const p = n.querySelectorAll(".sectioned-content__content");
+      t(p).toHaveLength(0);
+    });
+  }), d("Fragment Keys", () => {
+    s("should use header title and index for valid section keys", () => {
+      const e = [
+        o({ header: { type: "primary", title: "About Us" } })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(1);
+    }), s("should use index-only key for invalid sections", () => {
+      const e = [
+        o({ content: "" })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(0);
+    }), s("should handle duplicate header titles with different indices", () => {
+      const e = [
+        o({ header: { type: "primary", title: "Duplicate" } }),
+        o({ header: { type: "secondary", title: "Duplicate" } })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(2);
+    });
+  }), d("Edge Cases", () => {
+    s("should handle section with special characters in title", () => {
+      const e = [o({
+        header: { type: "primary", title: 'Title with <special> & "characters"' }
+      })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringContaining('Title with <special> & "characters"')
+      );
+    }), s("should handle section with very long title", () => {
+      const e = "A".repeat(500), n = [o({
+        header: { type: "primary", title: e }
+      })];
+      i(/* @__PURE__ */ c(r, { sections: n })), t(l).toHaveBeenCalledWith(
+        t.stringContaining(e)
+      );
+    }), s("should handle section with very long HTML content", () => {
+      const e = "<p>" + "Content ".repeat(1e3) + "</p>", n = [o({ content: e })];
+      i(/* @__PURE__ */ c(r, { sections: n })), t(l).toHaveBeenCalledWith(e);
+    }), s("should handle empty title string", () => {
+      const e = [o({
+        header: { type: "primary", title: "" }
+      })], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(1);
+    }), s("should handle whitespace-only content", () => {
+      const e = [o({ content: "   " })], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(1);
+    }), s("should handle large number of sections", () => {
+      const e = Array.from(
+        { length: 50 },
+        (p, u) => o({
+          header: { type: u % 2 === 0 ? "primary" : "secondary", title: `Section ${u}` }
+        })
+      ), { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(50);
+    }), s("should handle mixed valid and invalid sections", () => {
+      const e = [
+        o({ header: { type: "primary", title: "Valid" } }),
+        o({ content: "" }),
+        o({ header: void 0 }),
+        o({ header: { type: "secondary", title: "Also Valid" } }),
+        o({ content: void 0 })
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(2);
+    }), s("should handle section with HTML entities in content", () => {
+      const e = "<p>&lt;div&gt; &amp; &quot;test&quot;</p>", n = [o({ content: e })];
+      i(/* @__PURE__ */ c(r, { sections: n })), t(l).toHaveBeenCalledWith(e);
+    }), s("should handle section with unicode characters", () => {
+      const e = [o({
+        header: { type: "primary", title: "🎉 Unicode Title 你好" },
+        content: "<p>Content with émojis 🌟</p>"
+      })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringContaining("🎉 Unicode Title 你好")
+      );
+    });
+  }), d("Type Safety", () => {
+    s("should accept valid Section array", () => {
+      const e = [
+        {
+          header: { type: "primary", title: "Title" },
+          content: "<p>Content</p>"
+        }
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e }));
+      t(n.querySelector("sectioned-content")).toBeInTheDocument();
+    }), s("should accept sections with JSX.Element content", () => {
+      const e = [
+        {
+          header: { type: "secondary", title: "Title" },
+          content: /* @__PURE__ */ c("div", { children: "JSX Content" })
+        }
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e }));
+      t(n.querySelector("sectioned-content")).toBeInTheDocument();
+    }), s("should accept both header types", () => {
+      const e = [
+        { header: { type: "primary", title: "Primary" }, content: "Content" },
+        { header: { type: "secondary", title: "Secondary" }, content: "Content" }
+      ], { container: n } = i(/* @__PURE__ */ c(r, { sections: e })), a = n.querySelectorAll(".sectioned-content__content");
+      t(a).toHaveLength(2);
+    });
+  }), d("Integration Tests", () => {
+    s("should render complete component with all features", () => {
+      const e = [
+        {
+          header: { type: "primary", title: "About Us" },
+          content: "<p>We are a company dedicated to excellence.</p>"
+        },
+        {
+          header: { type: "secondary", title: "Our Mission" },
+          content: /* @__PURE__ */ c("div", { "data-testid": "mission", children: "To serve our customers" })
+        },
+        {
+          header: { type: "primary", title: "Contact" },
+          content: "<p>Email: test@example.com</p>"
+        }
+      ], { container: n, getByTestId: a } = i(/* @__PURE__ */ c(r, { sections: e }));
+      t(n.querySelector("sectioned-content")).toBeInTheDocument();
+      const p = n.querySelectorAll(".sectioned-content__content");
+      t(p).toHaveLength(3), t(a("mission")).toBeInTheDocument();
+    }), s("should properly coordinate header parsing and content rendering", () => {
+      const e = [o()];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringContaining("<h1")
+      ), t(l).toHaveBeenCalledWith(
+        t.stringContaining("<p>Test content</p>")
+      );
+    }), s("should handle alternating string and JSX content", () => {
+      const e = [
+        o({
+          header: { type: "primary", title: "String Section" },
+          content: "<p>String content</p>"
+        }),
+        o({
+          header: { type: "secondary", title: "JSX Section" },
+          content: /* @__PURE__ */ c("div", { "data-testid": "jsx", children: "JSX content" })
+        }),
+        o({
+          header: { type: "primary", title: "Another String" },
+          content: "<p>More string content</p>"
+        })
+      ], { container: n, getByTestId: a } = i(/* @__PURE__ */ c(r, { sections: e })), p = n.querySelectorAll(".sectioned-content__content");
+      t(p).toHaveLength(3), t(a("jsx")).toBeInTheDocument(), t(l).toHaveBeenCalledWith("<p>String content</p>"), t(l).toHaveBeenCalledWith("<p>More string content</p>");
+    });
+  }), d("Default Props", () => {
+    s("should use empty array as default for sections prop", () => {
+      const { container: e } = i(/* @__PURE__ */ c(r, {})), n = e.querySelector("sectioned-content");
+      t(n).toBeInTheDocument(), t(n == null ? void 0 : n.children).toHaveLength(0);
+    });
+  }), d("HTML Parser Integration", () => {
+    s("should call parse for each header", () => {
+      const e = [
+        o({ header: { type: "primary", title: "Title 1" } }),
+        o({ header: { type: "secondary", title: "Title 2" } })
+      ];
+      l.mockClear(), i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledTimes(4);
+    }), s("should not parse JSX.Element content", () => {
+      const e = [
+        o({
+          content: /* @__PURE__ */ c("div", { children: "JSX Content" })
+        })
+      ];
+      l.mockClear(), i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledTimes(1), t(l).toHaveBeenCalledWith(
+        t.stringContaining("<h1")
+      );
+    }), s("should parse header with combined classes markup", () => {
+      const e = [o({ header: { type: "primary", title: "Test" } })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringMatching(/<h1 class=".*">Test<\/h1>/)
+      );
+    });
+  }), d("CSS Classes Application", () => {
+    s("should apply classes helper to content divs", () => {
+      const e = [
+        o(),
+        o({ header: { type: "secondary", title: "Section 2" } })
+      ];
+      h.mockClear(), i(/* @__PURE__ */ c(r, { sections: e })), t(h).toHaveBeenCalled();
+    }), s("should pass correct class arrays to classes helper", () => {
+      const e = [o()];
+      h.mockClear(), i(/* @__PURE__ */ c(r, { sections: e })), t(h).toHaveBeenCalledWith(
+        t.arrayContaining(["sectioned-content__content"])
+      );
+    });
+  }), d("Map Usage", () => {
+    s("should use Map to determine header markup for primary type", () => {
+      const e = [o({ header: { type: "primary", title: "Primary" } })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringMatching(/^<h1.*<\/h1>$/)
+      );
+    }), s("should use Map to determine header markup for secondary type", () => {
+      const e = [o({ header: { type: "secondary", title: "Secondary" } })];
+      i(/* @__PURE__ */ c(r, { sections: e })), t(l).toHaveBeenCalledWith(
+        t.stringMatching(/^<h2.*<\/h2>$/)
+      );
+    });
+  });
+});

package/dist/components/Select/Select.js

@@ -1,11 +1,11 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as c, useRef as j } from "react";
-import { s as e, C as k, A as x } from "../../Form.module-Cd8qH2rj.mjs";
-function B({
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { useState as c, useRef as k } from "react";
+import { s as e, C as x, A as I } from "../../Form.module-CarfWK5T.mjs";
+function O({
   name: i,
   label: _,
   helpText: v,
-  multiple: r = !1,
+  multiple: t = !1,
   options: N,
   width: s,
   initValue: b = "",
@@ -13,11 +13,11 @@ function B({
   ...C
 }) {
   var m, h, p;
-  const [g, y] = c(`${e["form-field__input"]}`), l = j(null), [u, d] = c(""), [f, S] = c("clean"), V = `input-width--${s}`, $ = () => {
-    S("touched"), l.current && (y(`${e["form-field__input"]} ${e["input--touched"]}`), l.current.checkValidity() ? d("") : d(l.current.validationMessage));
+  const [$, g] = c(`${e["form-field__input"]}`), l = k(null), [d, u] = c(""), [f, y] = c("clean"), S = `input-width--${s}`, V = () => {
+    y("touched"), l.current && (g(`${e["form-field__input"]} ${e["input--touched"]}`), l.current.checkValidity() ? u("") : u(l.current.validationMessage));
   };
-  return /* @__PURE__ */ a("label", { className: [e["form-field"], e[V], e["form-field--select"]].join(" "), htmlFor: i, children: [
-    o && /* @__PURE__ */ a(
+  return /* @__PURE__ */ r("label", { className: [e["form-field"], e[S], e["form-field--select"]].join(" "), htmlFor: i, children: [
+    o && /* @__PURE__ */ r(
       "i",
       {
         className: [
@@ -25,40 +25,40 @@ function B({
           (m = l.current) != null && m.validity.valid ? "" : e["form-field__icon--invalid"]
         ].join(" "),
         children: [
-          ((h = l.current) == null ? void 0 : h.checkValidity()) && f === "touched" && /* @__PURE__ */ t(k, {}),
-          !((p = l.current) != null && p.checkValidity()) && f === "touched" && /* @__PURE__ */ t(x, {})
+          ((h = l.current) == null ? void 0 : h.checkValidity()) && f === "touched" && /* @__PURE__ */ a(x, {}),
+          !((p = l.current) != null && p.checkValidity()) && f === "touched" && /* @__PURE__ */ a(I, {})
         ]
       }
     ),
-    /* @__PURE__ */ a("span", { className: e["form-field__label"], children: [
+    /* @__PURE__ */ r("span", { className: e["form-field__label"], children: [
       _,
       " ",
-      /* @__PURE__ */ t("span", { className: e["form-field__label-help"], children: v })
+      /* @__PURE__ */ a("span", { className: e["form-field__label-help"], children: v })
     ] }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       "select",
       {
-        className: g,
-        defaultValue: b,
+        className: $,
+        defaultValue: t ? [] : b,
         id: i,
-        multiple: r,
+        multiple: t,
         name: i,
         ref: l,
         onBlur: () => {
-          $();
+          V();
         },
         ...C,
         children: [
-          !r && Number.parseInt(s, 10) > 20 && /* @__PURE__ */ t("option", { value: "", children: "-- Select One --" }),
-          !r && Number.parseInt(s, 10) <= 20 && /* @__PURE__ */ t("option", { value: "" }),
-          N.map((n) => /* @__PURE__ */ t("option", { value: n.value, children: n.label }, `option-${n.value}`))
+          !t && Number.parseInt(s, 10) > 20 && /* @__PURE__ */ a("option", { value: "", children: "-- Select One --" }),
+          !t && Number.parseInt(s, 10) <= 20 && /* @__PURE__ */ a("option", { value: "" }),
+          N.map((n, j) => /* @__PURE__ */ a("option", { value: n.value, children: n.label }, `option-${j}-${n.value}`))
         ]
       }
     ),
-    u !== "" && o && /* @__PURE__ */ t("div", { className: e["form-field__error-message"], children: u })
+    d !== "" && o && /* @__PURE__ */ a("div", { className: e["form-field__error-message"], children: d })
   ] });
 }
 export {
-  B as Select,
-  B as default
+  O as Select,
+  O as default
 };