@object-ui/components 16.0.0 → 17.1.0

package/README.md

@@ -150,6 +150,34 @@ function MyComponent() {
 - `link` - Link component
 - `breadcrumb` - Breadcrumb navigation
 
+## Notification Surfaces
+
+Direct-import React components (not schema blocks) that render the notifications
+raised through `NotificationProvider` from `@object-ui/react`. One per spec
+`displayType`, so a `banner` no longer presents as a toast:
+
+| Component | `displayType` | Where to mount it |
+| --- | --- | --- |
+| `<NotificationSnackbar />` | `snackbar` | anywhere inside the provider — it anchors itself bottom-center |
+| `<NotificationBanners />` | `banner` | top of the content area (it takes space in the flow) |
+| `<NotificationAlerts />` | `alert` | anywhere inside the provider — blocking dialog, FIFO queue |
+| `<NotificationInline scope="…" />` | `inline` | in the surface that raises them |
+
+`toast` stays with the host's `onToast` delegate (sonner in the console). All of
+them draw the notification's `severity` icon unless it declares an `icon`
+override naming a real Lucide icon. See the
+[notifications guide](https://objectui.org/docs/guide/notifications).
+
+```tsx
+import { NotificationBanners, NotificationAlerts } from '@object-ui/components';
+
+<main>
+  <NotificationBanners />
+  <Outlet />
+  <NotificationAlerts />
+</main>
+```
+
 ## Customization
 
 ### Override Styles

package/dist/custom/filter-builder.d.ts

@@ -38,6 +38,84 @@ export interface FilterBuilderProps {
     className?: string;
     showClearAll?: boolean;
 }
+declare const defaultOperators: readonly [{
+    readonly value: "equals";
+    readonly label: "Equals";
+}, {
+    readonly value: "notEquals";
+    readonly label: "Does not equal";
+}, {
+    readonly value: "contains";
+    readonly label: "Contains";
+}, {
+    readonly value: "notContains";
+    readonly label: "Does not contain";
+}, {
+    readonly value: "isEmpty";
+    readonly label: "Is empty";
+}, {
+    readonly value: "isNotEmpty";
+    readonly label: "Is not empty";
+}, {
+    readonly value: "greaterThan";
+    readonly label: "Greater than";
+}, {
+    readonly value: "lessThan";
+    readonly label: "Less than";
+}, {
+    readonly value: "greaterOrEqual";
+    readonly label: "Greater than or equal";
+}, {
+    readonly value: "lessOrEqual";
+    readonly label: "Less than or equal";
+}, {
+    readonly value: "before";
+    readonly label: "Before";
+}, {
+    readonly value: "after";
+    readonly label: "After";
+}, {
+    readonly value: "between";
+    readonly label: "Between";
+}, {
+    readonly value: "in";
+    readonly label: "In";
+}, {
+    readonly value: "notIn";
+    readonly label: "Not in";
+}, {
+    readonly value: "startsWith";
+    readonly label: "Starts with";
+}, {
+    readonly value: "endsWith";
+    readonly label: "Ends with";
+}, {
+    readonly value: "isNull";
+    readonly label: "Is null";
+}, {
+    readonly value: "isNotNull";
+    readonly label: "Is not null";
+}, {
+    readonly value: "exists";
+    readonly label: "Is set";
+}, {
+    readonly value: "notExists";
+    readonly label: "Is not set";
+}];
+/**
+ * The FilterBuilder's own operator vocabulary — every id its dropdown can
+ * hold, derived from the operators it actually renders.
+ *
+ * Exported because several translation tables map an external vocabulary
+ * (the spec's `VIEW_FILTER_OPERATORS`, Mongo `$`-tokens) *onto* this one, and
+ * a value that is not in this list produces a condition row whose operator
+ * select has nothing to select. Those tables assert against this export
+ * rather than restating it, so adding an operator here is the only edit
+ * needed to widen them.
+ */
+export declare const FILTER_BUILDER_OPERATORS: ("endsWith" | "startsWith" | "in" | "after" | "equals" | "notEquals" | "contains" | "notContains" | "isEmpty" | "isNotEmpty" | "greaterThan" | "lessThan" | "greaterOrEqual" | "lessOrEqual" | "before" | "between" | "notIn" | "isNull" | "isNotNull" | "exists" | "notExists")[];
+/** An operator id the FilterBuilder can render. */
+export type FilterBuilderOperator = (typeof defaultOperators)[number]['value'];
 declare function FilterBuilder({ fields, value, onChange, className, showClearAll, }: FilterBuilderProps): React.JSX.Element;
 declare namespace FilterBuilder {
     var displayName: string;

package/dist/custom/index.d.ts

@@ -12,6 +12,7 @@ export * from './item';
 export * from './kbd';
 export * from './native-select';
 export * from './navigation-overlay';
+export * from './resizable';
 export * from './section-header';
 export * from './spinner';
 export * from './sort-builder';

package/dist/custom/resizable.d.ts

@@ -0,0 +1,31 @@
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../ui/resizable';
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * The public `Resizable*` export site.
+ *
+ * This module used to wrap `ResizableHandle` to re-key its stacked-group styles
+ * from the dead `data-[panel-group-direction=vertical]` onto the
+ * `aria-orientation` attribute react-resizable-panels v4 actually emits (#3024).
+ * That fix now lives in `../ui/resizable` itself, so there is nothing left to
+ * wrap and all three components pass straight through.
+ *
+ * Editing `ui/` is normally off-limits (AGENTS.md #7), but that file is no
+ * longer upstream-synced: it is hand-migrated to v4 and listed under
+ * `customComponents` in `shadcn-components.json`, because upstream still ships
+ * the v3 file and re-syncing would break the build. See its header.
+ *
+ * This module stays as the single public export site rather than folding into
+ * `ui/index.ts`: `src/index.ts` star-exports `./ui` and `./custom` side by side,
+ * so exporting `Resizable*` from both would collide (TS2308).
+ */
+import type * as React from 'react';
+/** Kept on the public surface (it is exported from the package root) even though
+ *  the wrapper it was introduced for is gone. */
+export type ResizableHandleProps = React.ComponentProps<typeof ResizableHandle>;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/custom/shimmer-skeleton.d.ts

@@ -27,6 +27,5 @@ import * as React from "react";
  * @example
  * <ShimmerSkeleton className="h-4 w-32 rounded-md" />
  */
-export interface ShimmerSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export type ShimmerSkeletonProps = React.HTMLAttributes<HTMLDivElement>;
 export declare function ShimmerSkeleton({ className, ...props }: ShimmerSkeletonProps): React.JSX.Element;