@birdycom/omniaui-react 0.12.4 → 0.12.6

package/src/index.ts

@@ -9,8 +9,10 @@ export * from "./components/AlertDialog";
 export * from "./components/AlphaTabs";
 export * from "./components/Attachment";
 export * from "./components/Avatar";
+export * from "./components/AvatarPicker";
 export * from "./components/BackLink";
 export * from "./components/Badge";
+export * from "./components/Barcode";
 export * from "./components/BarcodeInput";
 export * from "./components/Breadcrumb";
 export * from "./components/BrowserFrame";
@@ -25,13 +27,13 @@ export * from "./components/ChipFilter";
 export * from "./components/Collapsible";
 export * from "./components/ColorField";
 export * from "./components/ColorSelect";
-export * from "./components/ColumnMenu";
 export * from "./components/Command";
 export * from "./components/ConfirmDialog";
 export * from "./components/CookieConsent";
 export * from "./components/CopyField";
 export * from "./components/Counter";
 export * from "./components/DataTable";
+export * from "./components/DateField";
 export * from "./components/DecimalInput";
 export * from "./components/DefinitionList";
 export * from "./components/DocViewer";
@@ -44,7 +46,10 @@ export * from "./components/FactList";
 export * from "./components/FilterCounts";
 export * from "./components/FlipCard";
 export * from "./components/FormField";
+export * from "./components/FormSection";
+export * from "./components/Gallery";
 export * from "./components/Glass";
+export * from "./components/GlassBar";
 export * from "./components/Greeting";
 export * from "./components/Heading";
 export * from "./components/Icon";
@@ -53,6 +58,7 @@ export * from "./components/Input";
 export * from "./components/InputGroup";
 export * from "./components/LanguageSelect";
 export * from "./components/LauncherCard";
+export * from "./components/LazyImage";
 export * from "./components/Lightbox";
 export * from "./components/LinkArrow";
 export * from "./components/LinkRow";
@@ -64,7 +70,9 @@ export * from "./components/MediaRow";
 export * from "./components/MediaThumb";
 export * from "./components/Message";
 export * from "./components/MessageThread";
+export * from "./components/MeterRow";
 export * from "./components/Modal";
+export * from "./components/NameCard";
 export * from "./components/Navmenu";
 export * from "./components/NextTeaser";
 export * from "./components/NumberInput";
@@ -75,12 +83,16 @@ export * from "./components/PasswordInput";
 export * from "./components/PasswordRequirements";
 export * from "./components/PhoneInput";
 export * from "./components/Popover";
+export * from "./components/Price";
 export * from "./components/PriceCard";
 export * from "./components/ProductMark";
 export * from "./components/Progress";
 export * from "./components/ProjectCard";
 export * from "./components/Prose";
+export * from "./components/Quantity";
+export * from "./components/Rating";
 export * from "./components/RecoveryCodes";
+export * from "./components/Ribbon";
 export * from "./components/Segmented";
 export * from "./components/Select";
 export * from "./components/SeverityCard";
@@ -88,11 +100,13 @@ export * from "./components/Sheet";
 export * from "./components/Sidebar";
 export * from "./components/Skeleton";
 export * from "./components/SortableRow";
+export * from "./components/SpecList";
 export * from "./components/StackCard";
 export * from "./components/StackList";
 export * from "./components/StatCard";
 export * from "./components/StatusDot";
 export * from "./components/Stepper";
+export * from "./components/Stock";
 export * from "./components/Switch";
 export * from "./components/Table";
 export * from "./components/TableActions";

package/src/utils.ts

@@ -19,6 +19,13 @@ export function attrs(record: Record<string, string | undefined>): object {
 
 export type Slot = ReactNode;
 
+/** "Contact 1" -> "AL": the first letters of the first two words (as the Blade components do). */
+export function initialsOf(name: unknown): string {
+  return typeof name === "string"
+    ? name.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("")
+    : "";
+}
+
 /** Call a handler, then call another one. */
 export function callAll<E>(...fns: Array<((e: E) => void) | undefined>) {
   return (e: E) => fns.forEach((fn) => fn?.(e));

package/src/components/ColumnMenu.tsx

@@ -1,66 +0,0 @@
-// File: packages/react/src/components/ColumnMenu.tsx
-// Map: ColumnMenu = scope -> toolbar trigger -> popover (title, form with one checkbox per column, reset) -> children (the table)
-// Hiding columns is pure CSS: an unchecked [data-col="n"] hides column n inside the scope (n = 1-10).
-// The checkboxes are uncontrolled, so "Reset" (a form reset) restores the defaults.
-import { forwardRef, useId } from "react";
-import type { HTMLAttributes, ReactNode } from "react";
-import { attrs, cx } from "../utils";
-
-export interface ColumnMenuColumn {
-  label: ReactNode;
-  /** Visible at the start (default true). */
-  visible?: boolean;
-  /** Always visible; the checkbox is disabled. */
-  locked?: boolean;
-}
-
-export interface ColumnMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-  /** One entry per table column, in column order (max 10). */
-  columns: ColumnMenuColumn[];
-  /** The table (`.oc-table`) the menu controls. */
-  children: ReactNode;
-  triggerLabel?: ReactNode;
-  title?: ReactNode;
-  resetLabel?: ReactNode;
-  /** Called with the column number (1-based) and its new visibility. */
-  onColumnToggle?: (column: number, visible: boolean) => void;
-}
-
-/** `.oc-column-menu-scope` with a `.oc-column-menu[popover]` column checklist. */
-export const ColumnMenu = forwardRef<HTMLDivElement, ColumnMenuProps>(function ColumnMenu(
-  { columns, children, triggerLabel = "Columns", title = "Visible columns", resetLabel = "Reset", onColumnToggle, className, ...rest },
-  ref,
-) {
-  const menuId = `oc-column-menu-${useId().replace(/:/g, "")}`;
-  return (
-    <div ref={ref} className={cx("oc-column-menu-scope", className)} {...rest}>
-      <div className="oc-table-toolbar">
-        <span className="oc-table-toolbar-spacer" />
-        <button className="oc-btn oc-btn--outline oc-btn--sm" type="button" popoverTarget={menuId}>
-          {triggerLabel}
-        </button>
-      </div>
-      <div className="oc-column-menu" id={menuId} {...attrs({ popover: "" })}>
-        <p className="oc-column-menu-title">{title}</p>
-        <form className="oc-column-menu-list">
-          {columns.map((col, i) => (
-            <label className="oc-column-menu-item" key={i}>
-              <input
-                type="checkbox"
-                data-col={i + 1}
-                defaultChecked={col.locked || col.visible !== false}
-                disabled={col.locked}
-                onChange={(e) => onColumnToggle?.(i + 1, e.currentTarget.checked)}
-              />{" "}
-              {col.label}
-            </label>
-          ))}
-          <div className="oc-column-menu-footer">
-            <button className="oc-btn oc-btn--ghost oc-btn--sm" type="reset">{resetLabel}</button>
-          </div>
-        </form>
-      </div>
-      {children}
-    </div>
-  );
-});