@oracle/oraclejet-core-pack 17.1.4 → 18.0.1

package/oj-c/toolbar/toolbar.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_Toolbar", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "ojs/ojvcomponent", "./items-toolbar"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_Toolbar_1, UNSAFE_useTabbableMode_1, ojvcomponent_1, items_toolbar_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Toolbar = void 0;
+    exports.Toolbar = (0, ojvcomponent_1.registerCustomElement)('oj-c-toolbar', ({ 'aria-controls': ariaControls, 'aria-label': ariaLabel, spacing, size, chroming, items = [], toolbarSelection = {}, onToolbarSelectionChanged, onOjToolbarAction, onOjToolbarSelection }) => {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_Toolbar_1.Toolbar, { "aria-controls": ariaControls, "aria-label": ariaLabel, spacing: spacing, children: (0, jsx_runtime_1.jsx)(items_toolbar_1.ItemsToolbar, { items: items, size: size, chroming: chroming, toolbarSelection: toolbarSelection, onToolbarSelectionChanged: onToolbarSelectionChanged, onOjToolbarAction: onOjToolbarAction, onOjToolbarSelection: onOjToolbarSelection }) }) }));
+    }, "Toolbar", { "properties": { "spacing": { "type": "string", "enumValues": ["sm", "lg"] }, "chroming": { "type": "string", "enumValues": ["borderless", "outlined"] }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "items": { "type": "Array<object>" }, "toolbarSelection": { "type": "object", "writeback": true } }, "events": { "ojToolbarAction": { "bubbles": true }, "ojToolbarSelection": { "bubbles": true } }, "extension": { "_WRITEBACK_PROPS": ["toolbarSelection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-controls", "aria-label"] } }, { "items": [], "toolbarSelection": {} }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+});

package/oj-c/toolbar.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "oj-c/toolbar/toolbar"], function (require, exports, toolbar_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Toolbar = void 0;
+    Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return toolbar_1.Toolbar; } });
+});

package/oj-c/types/area-chart/area-chart.d.ts

@@ -6,13 +6,33 @@ import { LineAreaChart as PreactAreaChart } from '@oracle/oraclejet-preact/UNSAF
 import { DataProvider } from 'ojs/ojdataprovider';
 import { AreaChartItemProps } from '../area-chart-item/area-chart-item';
 import 'css!oj-c/area-chart/area-chart-styles.css';
-import { Action, ExtendGlobalProps, ObservedGlobalProps, PropertyChanged, TemplateSlot } from 'ojs/ojvcomponent';
+import { Action, Bubbles, ExtendGlobalProps, ObservedGlobalProps, PropertyChanged, TemplateSlot } from 'ojs/ojvcomponent';
 import { ChartItemTemplateContext, ChartSeriesTemplateContext, ChartGroupTemplateContext } from '../hooks/UNSAFE_useChartData/useChartData';
 import { Group } from '@oracle/oraclejet-preact/utils/UNSAFE_visTypes/chart';
 import type { ViewPortDetail, PlotArea, YAxis, XAxis, ValueFormats } from '../utils/UNSAFE_vizTypes/chartTypes';
 import { AreaChartSeriesProps } from '../area-chart-series/area-chart-series';
 import { ChartLegend } from 'oj-c/utils/UNSAFE_vizTypes/legendTypes';
+import { type ContextMenuConfig, type ContextMenuSelectionDetail, type ContextMenuActionDetail } from 'oj-c/hooks/PRIVATE_useVisContextMenu/useVisContextMenu';
 type PreactAreaChartProps = ComponentProps<typeof PreactAreaChart>;
+export type AreaChartContextMenuConfig<K, D> = ContextMenuConfig<AreaContextMenuContext<K, D>>;
+export type AreaChartContextMenuSelectionDetail<K, D> = ContextMenuSelectionDetail<AreaContextMenuContext<K, D>>;
+export type AreaChartContextMenuActionDetail<K, D> = ContextMenuActionDetail<AreaContextMenuContext<K, D>>;
+export type AreaContextMenuContext<K, D> = {
+    data?: AreaItem<K>;
+    itemData?: D;
+    type: 'item';
+} | {
+    type: 'background';
+} | {
+    type: 'xAxisTickLabel';
+    data: Group;
+} | {
+    type: 'series';
+    data: AreaChartSeries<K>;
+} | {
+    type: 'axisTitle';
+    axis: 'x' | 'y';
+};
 export type AreaItem<K> = {
     id: K;
 } & AreaChartItemProps;
@@ -72,8 +92,11 @@ export type AreaChartProps<K, D extends AreaItem<K> | any> = ObservedGlobalProps
     hoverBehavior?: 'dim' | 'none';
     highlightMatch?: 'any' | 'all';
     legend?: ChartLegend;
+    contextMenuConfig?: AreaChartContextMenuConfig<K, D>;
+    onOjContextMenuAction?: Action<AreaChartContextMenuActionDetail<K, D>> & Bubbles;
+    onOjContextMenuSelection?: Action<AreaChartContextMenuSelectionDetail<K, D>> & Bubbles;
 };
-declare function AreaChartComp<K extends string | number, D extends AreaItem<K> | any>({ data, hideAndShowBehavior, orientation, xAxis, yAxis, hoverBehavior, valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling, hiddenCategories, highlightedCategories, highlightMatch, selection, selectionMode, timeAxisType, stack, legend, ...props }: AreaChartProps<K, D>): import("preact").JSX.Element;
+declare function AreaChartComp<K extends string | number, D extends AreaItem<K> | any>({ data, hideAndShowBehavior, orientation, xAxis, yAxis, hoverBehavior, valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling, hiddenCategories, highlightedCategories, highlightMatch, selection, selectionMode, timeAxisType, stack, legend, contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, ...props }: AreaChartProps<K, D>): import("preact").JSX.Element;
 export declare const AreaChart: ComponentType<ExtendGlobalProps<ComponentProps<typeof AreaChartComp>>>;
 export {};
 export interface CAreaChartElement<K extends string | number, D extends AreaItem<K> | any> extends JetElement<CAreaChartElementSettableProperties<K, D>>, CAreaChartElementSettableProperties<K, D> {
@@ -94,6 +117,11 @@ export namespace CAreaChartElement {
     }
     interface ojSeriesDrill<K extends string | number> extends CustomEvent<SeriesDrillDetail<K> & {}> {
     }
+    interface ojContextMenuAction<K extends string | number, D extends AreaItem<K> | any> extends CustomEvent<AreaChartContextMenuActionDetail<K, D> & {}> {
+    }
+    interface ojContextMenuSelection<K extends string | number, D extends AreaItem<K> | any> extends CustomEvent<AreaChartContextMenuSelectionDetail<K, D> & {}> {
+    }
+    type contextMenuConfigChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['contextMenuConfig']>;
     type dataChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['data']>;
     type dragModeChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['dragMode']>;
     type drillingChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['drilling']>;
@@ -124,6 +152,9 @@ export interface CAreaChartElementEventMap<K extends string | number, D extends
     'ojItemDrill': CAreaChartElement.ojItemDrill<K, D>;
     'ojGroupDrill': CAreaChartElement.ojGroupDrill<K>;
     'ojSeriesDrill': CAreaChartElement.ojSeriesDrill<K>;
+    'ojContextMenuAction': CAreaChartElement.ojContextMenuAction<K, D>;
+    'ojContextMenuSelection': CAreaChartElement.ojContextMenuSelection<K, D>;
+    'contextMenuConfigChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['contextMenuConfig']>;
     'dataChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['data']>;
     'dragModeChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['dragMode']>;
     'drillingChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['drilling']>;
@@ -147,6 +178,7 @@ export interface CAreaChartElementEventMap<K extends string | number, D extends
     'zoomAndScrollChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['zoomAndScroll']>;
 }
 export interface CAreaChartElementSettableProperties<K, D extends AreaItem<K> | any> extends JetSettableProperties {
+    contextMenuConfig?: AreaChartProps<K, D>['contextMenuConfig'];
     data?: AreaChartProps<K, D>['data'];
     dragMode?: AreaChartProps<K, D>['dragMode'];
     drilling?: AreaChartProps<K, D>['drilling'];
@@ -174,10 +206,13 @@ export interface CAreaChartElementSettablePropertiesLenient<K, D extends AreaIte
 }
 export interface AreaChartIntrinsicProps extends Partial<Readonly<CAreaChartElementSettableProperties<any, any>>>, GlobalProps, Pick<preact.JSX.HTMLAttributes, 'ref' | 'key'> {
     children?: import('preact').ComponentChildren;
+    onojContextMenuAction?: (value: CAreaChartElementEventMap<any, any>['ojContextMenuAction']) => void;
+    onojContextMenuSelection?: (value: CAreaChartElementEventMap<any, any>['ojContextMenuSelection']) => void;
     onojGroupDrill?: (value: CAreaChartElementEventMap<any, any>['ojGroupDrill']) => void;
     onojItemDrill?: (value: CAreaChartElementEventMap<any, any>['ojItemDrill']) => void;
     onojSeriesDrill?: (value: CAreaChartElementEventMap<any, any>['ojSeriesDrill']) => void;
     onojViewportChange?: (value: CAreaChartElementEventMap<any, any>['ojViewportChange']) => void;
+    oncontextMenuConfigChanged?: (value: CAreaChartElementEventMap<any, any>['contextMenuConfigChanged']) => void;
     ondataChanged?: (value: CAreaChartElementEventMap<any, any>['dataChanged']) => void;
     ondragModeChanged?: (value: CAreaChartElementEventMap<any, any>['dragModeChanged']) => void;
     ondrillingChanged?: (value: CAreaChartElementEventMap<any, any>['drillingChanged']) => void;

package/oj-c/types/area-chart/index.d.ts

@@ -1,2 +1,2 @@
-export { AreaChart } from './area-chart';
+export { AreaChart, AreaChartContextMenuActionDetail, AreaChartContextMenuSelectionDetail } from './area-chart';
 export { CAreaChartElement } from './area-chart';

package/oj-c/types/avatar/avatar.d.ts

@@ -7,12 +7,12 @@ import { ObservedGlobalProps } from 'ojs/ojvcomponent';
 import 'css!oj-c/avatar/avatar-styles.css';
 type PreactAvatarProps = ComponentProps<typeof PreactAvatar>;
 export declare const Avatar: import("preact").ComponentType<import("ojs/ojvcomponent").ExtendGlobalProps<ObservedGlobalProps<"aria-label"> & {
-    background?: PreactAvatarProps['background'];
-    initials?: string | null | undefined;
-    size?: PreactAvatarProps['size'];
-    src?: string | null | undefined;
-    iconClass?: string | undefined;
-    shape?: PreactAvatarProps['shape'];
+    background?: PreactAvatarProps["background"];
+    initials?: string | null;
+    size?: PreactAvatarProps["size"];
+    src?: string | null;
+    iconClass?: string;
+    shape?: PreactAvatarProps["shape"];
 }>>;
 export {};
 export interface CAvatarElement extends JetElement<CAvatarElementSettableProperties>, CAvatarElementSettableProperties {

package/oj-c/types/button/button.d.ts

@@ -4,7 +4,7 @@ import 'ojs/oj-jsx-interfaces';
 import { ExtendGlobalProps, Action, Bubbles, ObservedGlobalProps, Slot } from 'ojs/ojvcomponent';
 import { Button as PreactButton } from '@oracle/oraclejet-preact/UNSAFE_Button';
 import { Size } from '@oracle/oraclejet-preact/utils/UNSAFE_size';
-import { ComponentProps, Component } from 'preact';
+import { ComponentProps, Ref, ComponentType } from 'preact';
 import 'css!oj-c/button/button-styles.css';
 type PreactButtonProps = ComponentProps<typeof PreactButton>;
 type Props = ObservedGlobalProps<'aria-describedby' | 'aria-label'> & {
@@ -20,14 +20,13 @@ type Props = ObservedGlobalProps<'aria-describedby' | 'aria-label'> & {
     chroming?: PreactButtonProps['variant'];
     onOjAction?: Action & Bubbles;
 };
-export declare class Button extends Component<ExtendGlobalProps<Props>> {
-    static defaultProps: Partial<Props>;
-    private buttonRef;
-    render(props: ExtendGlobalProps<Props>): import("preact").JSX.Element;
-    click(): void;
-    blur(): void;
-    focus(): void;
-}
+type ButtonHandle = {
+    focus: () => void;
+    blur: () => void;
+    click: () => void;
+};
+declare function ButtonImpl({ chroming, disabled, size, display, endIcon, startIcon, edge, tooltip, width, label, onOjAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, ...otherProps }: Props, ref: Ref<ButtonHandle>): import("preact").JSX.Element;
+export declare const Button: ComponentType<ExtendGlobalProps<ComponentProps<typeof ButtonImpl>>>;
 export {};
 export interface CButtonElement extends JetElement<CButtonElementSettableProperties>, CButtonElementSettableProperties {
     addEventListener<T extends keyof CButtonElementEventMap>(type: T, listener: (this: HTMLElement, ev: CButtonElementEventMap[T]) => any, options?: (boolean | AddEventListenerOptions)): void;
@@ -37,9 +36,9 @@ export interface CButtonElement extends JetElement<CButtonElementSettablePropert
     setProperty<T extends keyof CButtonElementSettableProperties>(property: T, value: CButtonElementSettableProperties[T]): void;
     setProperty<T extends string>(property: T, value: JetSetPropertyType<T, CButtonElementSettableProperties>): void;
     setProperties(properties: CButtonElementSettablePropertiesLenient): void;
-    blur: Button['blur'];
-    click: Button['click'];
-    focus: Button['focus'];
+    blur: () => void;
+    click: () => void;
+    focus: () => void;
 }
 export namespace CButtonElement {
     interface ojAction extends CustomEvent<{}> {

package/oj-c/types/buttonset-multiple/buttonset-multiple.d.ts

@@ -6,7 +6,7 @@ import { ButtonSetMultiple as PreactButtonSetMultiple } from '@oracle/oraclejet-
 import { type ToggleItem } from 'oj-c/utils/PRIVATE_toggleUtils/index';
 import { Size } from '@oracle/oraclejet-preact/utils/UNSAFE_size';
 export type { ToggleItem } from 'oj-c/utils/PRIVATE_toggleUtils/toggleTypes';
-import { ComponentProps, Component } from 'preact';
+import { ComponentProps, Ref, ComponentType } from 'preact';
 import 'css!oj-c/buttonset-multiple/buttonset-multiple-styles.css';
 export type PreactButtonSetMultipleProps = ComponentProps<typeof PreactButtonSetMultiple>;
 type Props = ObservedGlobalProps<'aria-describedby' | 'aria-label'> & {
@@ -21,13 +21,12 @@ type Props = ObservedGlobalProps<'aria-describedby' | 'aria-label'> & {
     chroming?: PreactButtonSetMultipleProps['variant'];
     layoutWidth?: PreactButtonSetMultipleProps['layoutWidth'];
 };
-export declare class ButtonsetMultiple extends Component<ExtendGlobalProps<Props>> {
-    static defaultProps: Partial<Props>;
-    private buttonRef;
-    render({ chroming, disabled, value, onValueChanged, size, width, maxWidth, layoutWidth, items, display, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy }: ExtendGlobalProps<Props>): import("preact").JSX.Element;
-    blur(): void;
-    focus(): void;
-}
+type ButtonsetMultipleHandle = {
+    focus: () => void;
+    blur: () => void;
+};
+declare function ButtonsetMultipleImpl({ chroming, disabled, value, onValueChanged, size, width, maxWidth, layoutWidth, items, display, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, ...otherProps }: Props, ref: Ref<ButtonsetMultipleHandle>): import("preact").JSX.Element;
+export declare const ButtonsetMultiple: ComponentType<ExtendGlobalProps<ComponentProps<typeof ButtonsetMultipleImpl>>>;
 export interface CButtonsetMultipleElement extends JetElement<CButtonsetMultipleElementSettableProperties>, CButtonsetMultipleElementSettableProperties {
     addEventListener<T extends keyof CButtonsetMultipleElementEventMap>(type: T, listener: (this: HTMLElement, ev: CButtonsetMultipleElementEventMap[T]) => any, options?: (boolean | AddEventListenerOptions)): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: (boolean | AddEventListenerOptions)): void;
@@ -36,8 +35,8 @@ export interface CButtonsetMultipleElement extends JetElement<CButtonsetMultiple
     setProperty<T extends keyof CButtonsetMultipleElementSettableProperties>(property: T, value: CButtonsetMultipleElementSettableProperties[T]): void;
     setProperty<T extends string>(property: T, value: JetSetPropertyType<T, CButtonsetMultipleElementSettableProperties>): void;
     setProperties(properties: CButtonsetMultipleElementSettablePropertiesLenient): void;
-    blur: ButtonsetMultiple['blur'];
-    focus: ButtonsetMultiple['focus'];
+    blur: () => void;
+    focus: () => void;
 }
 export namespace CButtonsetMultipleElement {
     type chromingChanged = JetElementCustomEventStrict<CButtonsetMultipleElement['chroming']>;

package/oj-c/types/buttonset-single/buttonset-single.d.ts

@@ -6,7 +6,7 @@ import { ButtonSetSingle as PreactButtonSetSingle } from '@oracle/oraclejet-prea
 import { type ToggleItem } from 'oj-c/utils/PRIVATE_toggleUtils/index';
 import { Size } from '@oracle/oraclejet-preact/utils/UNSAFE_size';
 export type { ToggleItem } from 'oj-c/utils/PRIVATE_toggleUtils';
-import { ComponentProps, Component } from 'preact';
+import { ComponentProps, Ref, ComponentType } from 'preact';
 import 'css!oj-c/buttonset-single/buttonset-single-styles.css';
 export type PreactButtonSetSingleProps = ComponentProps<typeof PreactButtonSetSingle>;
 type Props = ObservedGlobalProps<'aria-describedby' | 'aria-label'> & {
@@ -21,13 +21,12 @@ type Props = ObservedGlobalProps<'aria-describedby' | 'aria-label'> & {
     chroming?: PreactButtonSetSingleProps['variant'];
     layoutWidth?: PreactButtonSetSingleProps['layoutWidth'];
 };
-export declare class ButtonsetSingle extends Component<ExtendGlobalProps<Props>> {
-    static defaultProps: Partial<Props>;
-    private buttonRef;
-    render({ chroming, disabled, value, onValueChanged, size, items, width, maxWidth, layoutWidth, display, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy }: ExtendGlobalProps<Props>): import("preact").JSX.Element;
-    blur(): void;
-    focus(): void;
-}
+type ButtonsetSingleHandle = {
+    focus: () => void;
+    blur: () => void;
+};
+declare function ButtonsetSingleImpl({ chroming, disabled, value, onValueChanged, size, width, maxWidth, layoutWidth, items, display, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, ...otherProps }: Props, ref: Ref<ButtonsetSingleHandle>): import("preact").JSX.Element;
+export declare const ButtonsetSingle: ComponentType<ExtendGlobalProps<ComponentProps<typeof ButtonsetSingleImpl>>>;
 export interface CButtonsetSingleElement extends JetElement<CButtonsetSingleElementSettableProperties>, CButtonsetSingleElementSettableProperties {
     addEventListener<T extends keyof CButtonsetSingleElementEventMap>(type: T, listener: (this: HTMLElement, ev: CButtonsetSingleElementEventMap[T]) => any, options?: (boolean | AddEventListenerOptions)): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: (boolean | AddEventListenerOptions)): void;
@@ -36,8 +35,8 @@ export interface CButtonsetSingleElement extends JetElement<CButtonsetSingleElem
     setProperty<T extends keyof CButtonsetSingleElementSettableProperties>(property: T, value: CButtonsetSingleElementSettableProperties[T]): void;
     setProperty<T extends string>(property: T, value: JetSetPropertyType<T, CButtonsetSingleElementSettableProperties>): void;
     setProperties(properties: CButtonsetSingleElementSettablePropertiesLenient): void;
-    blur: ButtonsetSingle['blur'];
-    focus: ButtonsetSingle['focus'];
+    blur: () => void;
+    focus: () => void;
 }
 export namespace CButtonsetSingleElement {
     type chromingChanged = JetElementCustomEventStrict<CButtonsetSingleElement['chroming']>;

package/oj-c/types/card-view/card-view.d.ts

@@ -5,9 +5,11 @@ import { ComponentProps, ComponentType } from 'preact';
 import { DataProvider, Item } from 'ojs/ojdataprovider';
 import { ImmutableKeySet } from 'ojs/ojkeyset';
 import { Action, ExtendGlobalProps, ObservedGlobalProps, ReadOnlyPropertyChanged, TemplateSlot, PropertyChanged } from 'ojs/ojvcomponent';
+import { SkeletonRendererContext } from '@oracle/oraclejet-preact/UNSAFE_CardFlexView';
 import { CardGridView as PreactCardGridView } from '@oracle/oraclejet-preact/UNSAFE_CardGridView';
 import 'css!oj-c/card-view/card-view-styles.css';
 type PreactCardViewProps = ComponentProps<typeof PreactCardGridView>;
+export type SkeletonTemplateContext = SkeletonRendererContext;
 export type ListItemContext<K, D> = {
     data: D;
     item: Item<K, D>;
@@ -18,6 +20,7 @@ export type ReorderDetail<K> = {
     itemKeys: Array<K>;
     referenceKey: K | null;
 };
+type selectionMode = PreactCardViewProps['selectionMode'] | 'singleRequired';
 type Props<K extends string | number, D> = ObservedGlobalProps<'aria-label' | 'aria-labelledby' | 'id'> & {
     onCurrentItemChanged?: ReadOnlyPropertyChanged<K>;
     data?: DataProvider<K, D> | null;
@@ -30,7 +33,7 @@ type Props<K extends string | number, D> = ObservedGlobalProps<'aria-label' | 'a
     selected?: ImmutableKeySet<K>;
     itemTemplate?: TemplateSlot<ListItemContext<K, D>>;
     onSelectedChanged?: PropertyChanged<ImmutableKeySet<K>>;
-    selectionMode?: PreactCardViewProps['selectionMode'];
+    selectionMode?: selectionMode;
     initialAnimation?: PreactCardViewProps['initialAnimation'];
     focusBehavior?: PreactCardViewProps['focusBehavior'];
     columns?: PreactCardViewProps['columns'] | 'auto';
@@ -38,6 +41,7 @@ type Props<K extends string | number, D> = ObservedGlobalProps<'aria-label' | 'a
         items?: 'enabled' | 'disabled';
     };
     onOjReorder?: Action<ReorderDetail<K>>;
+    skeletonTemplate?: TemplateSlot<SkeletonTemplateContext>;
 };
 declare const CardViewImpl: <K extends string | number, D>({ columns, data, focusBehavior, gutterSize, initialAnimation, scrollPolicyOptions, selectionMode, reorderable, ...rest }: Props<K, D>) => import("preact").JSX.Element;
 export declare const CardView: ComponentType<ExtendGlobalProps<ComponentProps<typeof CardViewImpl<string | number, any>>>>;
@@ -68,6 +72,7 @@ export namespace CCardViewElement {
     type selectionModeChanged<K extends string | number, D> = JetElementCustomEventStrict<CCardViewElement<K, D>['selectionMode']>;
     type RenderNoDataTemplate = import('ojs/ojvcomponent').TemplateSlot<{}>;
     type RenderItemTemplate<K extends string | number, D> = import('ojs/ojvcomponent').TemplateSlot<ListItemContext<K, D>>;
+    type RenderSkeletonTemplate = import('ojs/ojvcomponent').TemplateSlot<SkeletonRendererContext>;
 }
 export interface CCardViewElementEventMap<K extends string | number, D> extends HTMLElementEventMap {
     'ojReorder': CCardViewElement.ojReorder<K>;

package/oj-c/types/card-view/useCardViewPreact.d.ts

@@ -1,25 +1,9 @@
-import { CurrentKeyDetail, SelectionDetail } from '@oracle/oraclejet-preact/UNSAFE_Collection';
+import { ComponentProps } from 'preact';
+import { CardGridView as PreactCardGridView } from '@oracle/oraclejet-preact/UNSAFE_CardGridView';
 import { CardViewProps } from './card-view';
-export declare const useCardViewPreact: <K extends string | number, D>({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, data: propData, gutterSize, focusBehavior, onCurrentItemChanged, selected, onSelectedChanged, scrollPolicyOptions, selectionMode, initialAnimation, columns: corePackColumns, reorderable, onOjReorder }: Partial<CardViewProps<K, D>>, addBusyState: (desc?: string) => () => void, isClickthroughDisabled: (target: EventTarget | null) => boolean) => {
+type PreactCardViewProps = ComponentProps<typeof PreactCardGridView>;
+export declare const useCardViewPreact: <K extends string | number, D>({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, data: propData, gutterSize, focusBehavior, selected, onSelectedChanged, scrollPolicyOptions, selectionMode, initialAnimation, columns: corePackColumns, reorderable, onOjReorder, skeletonTemplate }: Partial<CardViewProps<K, D>>, addBusyState: (desc?: string) => () => void, isClickthroughDisabled: (target: EventTarget | null) => boolean) => {
     status: "error" | "loading" | "success";
-    cardViewProps: {
-        data: unknown[] | null;
-        onLoadMore?: (() => void) | undefined;
-        hasMore?: boolean | undefined;
-        getRowKey: (data: unknown) => string | number;
-        children: (context: import("@oracle/oraclejet-preact/UNSAFE_Collection").ListItemRendererContext<string | number, unknown>) => import("preact").ComponentChildren;
-        currentKey?: string | number | undefined;
-        onCurrentKeyChange?: ((detail: CurrentKeyDetail<string | number>) => void) | undefined;
-        selectionMode?: "none" | "multiple" | "single" | undefined;
-        selectedKeys?: import("@oracle/oraclejet-preact/utils/UNSAFE_keys").Keys<string | number> | undefined;
-        onSelectionChange?: ((detail: SelectionDetail<string | number>) => void) | undefined;
-        viewportConfig?: import("@oracle/oraclejet-preact/hooks/UNSAFE_useViewportIntersect").ViewportConfig | undefined;
-        focusBehavior?: "content" | "card" | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        initialAnimation?: "slideUp" | "slideDown" | undefined;
-        gutterSize?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
-    } & import("@oracle/oraclejet-preact/UNSAFE_Collection/Reorderable.types").ReorderProps<string | number> & {
-        columns: number;
-    };
+    cardViewProps: PreactCardViewProps;
 };
+export {};

package/oj-c/types/checkbox/useCheckboxPreact.d.ts

@@ -6,24 +6,24 @@ export declare function useCheckboxPreact({ ['aria-describedby']: ariaDescribedB
     methods: {
         reset: () => void;
         showMessages: () => void;
-        validate: () => Promise<"invalid" | "valid">;
+        validate: () => Promise<"valid" | "invalid">;
     };
     checkboxProps: import("preact/compat").PropsWithoutRef<{
-        'aria-describedby'?: string | undefined;
+        'aria-describedby'?: import("@oracle/oraclejet-preact/dist/types/utils/UNSAFE_attributeUtils").AriaAttributesSignalExcluded["aria-describedby"];
         assistiveText?: string | undefined;
         children: import("preact").ComponentChildren;
-        columnSpan?: import("@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout").LayoutColumns | undefined;
+        columnSpan?: import("@oracle/oraclejet-preact/dist/types/utils/UNSAFE_styles/Layout").LayoutColumnSpan;
         helpSourceLink?: string | undefined;
         helpSourceText?: string | undefined;
-        isRequired?: boolean | undefined;
-        isReadonly?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        messages?: import("@oracle/oraclejet-preact/UNSAFE_ComponentMessage").ComponentMessageItem[] | undefined;
+        isRequired?: boolean;
+        isReadonly?: boolean;
+        isDisabled?: boolean;
+        messages?: import("@oracle/oraclejet-preact/dist/types/UNSAFE_ComponentMessage").ComponentMessageItem[] | undefined;
         onCommit: (detail: ValueUpdateDetail<boolean>) => void;
-        userAssistanceDensity?: import("@oracle/oraclejet-preact/UNSAFE_UserAssistance").UserAssistanceDensityType | undefined;
-        value?: boolean | undefined;
-    } & import("@oracle/oraclejet-preact/hooks/UNSAFE_useTestId").TestIdProps> & {
-        ref?: import("preact").Ref<import("@oracle/oraclejet-preact/hooks/UNSAFE_useFocusableTextField").FocusableHandle> | undefined;
+        userAssistanceDensity?: import("@oracle/oraclejet-preact/dist/types/UNSAFE_UserAssistance").UserAssistanceDensityType;
+        value?: boolean;
+    } & import("@oracle/oraclejet-preact/dist/types/hooks/UNSAFE_useTestId").TestIdProps> & {
+        ref?: import("preact").Ref<import("@oracle/oraclejet-preact/dist/types/hooks/UNSAFE_useFocusableTextField").FocusableHandle> | undefined;
     };
 };
 export {};

package/oj-c/types/checkboxset/useCheckboxsetPreact.d.ts

@@ -1,30 +1,13 @@
+import { CheckboxSet as PreactCheckboxSet } from '@oracle/oraclejet-preact/UNSAFE_CheckboxSet';
+import { ComponentProps } from 'preact';
 import { CheckboxsetDataItem, CheckboxsetProps } from './checkboxset';
-import { ValueUpdateDetail } from '@oracle/oraclejet-preact/utils/UNSAFE_valueUpdateDetail';
+type PreactCheckboxSetProps = ComponentProps<typeof PreactCheckboxSet>;
 export declare function useCheckboxsetPreact<V extends string | number, D extends CheckboxsetDataItem>({ 'aria-describedby': ariaDescribedBy, disabled, displayOptions, labelEdge, labelHint, labelStartWidth, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged }: CheckboxsetProps<V, D>, addBusyState: (desc?: string) => () => void): {
     methods: {
         reset: () => void;
         showMessages: () => void;
-        validate: () => Promise<"invalid" | "valid">;
-    };
-    checkboxsetProps: import("preact/compat").PropsWithoutRef<{
-        'aria-describedby'?: string | undefined;
-        assistiveText?: string | undefined;
-        children: import("preact").ComponentChildren;
-        columnSpan?: import("@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout").LayoutColumns | undefined;
-        direction?: "row" | "column" | undefined;
-        helpSourceLink?: string | undefined;
-        helpSourceText?: string | undefined;
-        isRequired?: boolean | undefined;
-        isReadonly?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        label: string;
-        labelEdge?: "none" | "start" | "top" | "inside" | undefined;
-        labelStartWidth?: import("@oracle/oraclejet-preact/utils/UNSAFE_size").Size | undefined;
-        messages?: import("@oracle/oraclejet-preact/UNSAFE_ComponentMessage").ComponentMessageItem[] | undefined;
-        onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;
-        userAssistanceDensity?: import("@oracle/oraclejet-preact/UNSAFE_UserAssistance").UserAssistanceDensityType | undefined;
-        value?: Set<string | number> | undefined;
-    } & import("@oracle/oraclejet-preact/hooks/UNSAFE_useTestId").TestIdProps> & {
-        ref?: import("preact").Ref<import("@oracle/oraclejet-preact/hooks/UNSAFE_useFocusableTextField").FocusableHandle> | undefined;
+        validate: () => Promise<"valid" | "invalid">;
     };
+    checkboxsetProps: PreactCheckboxSetProps;
 };
+export {};

package/oj-c/types/date-picker/date-picker.d.ts

@@ -24,21 +24,21 @@ type Props = ObservedGlobalProps<'aria-describedby' | 'id'> & {
     onValueChanged?: PropertyChanged<DateISOStr | null>;
 };
 export declare const DatePicker: import("preact").ComponentType<import("ojs/ojvcomponent").ExtendGlobalProps<ObservedGlobalProps<"id" | "aria-describedby"> & {
-    dayFormatter?: ((date: CalendarDateRequired) => {
-        state: 'disabled' | 'enabled' | 'restricted';
-    }) | undefined;
-    daysOutsideMonth?: "hidden" | "selectable" | undefined;
-    monthAndYearPicker?: "off" | "on" | undefined;
-    max?: string | null | undefined;
-    maxWidth?: Size | undefined;
-    min?: string | null | undefined;
-    readonly?: boolean | undefined;
-    todayButton?: "hidden" | "visible" | undefined;
-    todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];
-    value?: string | null | undefined;
-    weekDisplay?: "number" | "none" | undefined;
-    width?: Size | undefined;
-    onValueChanged?: PropertyChanged<string | null> | undefined;
+    dayFormatter?: (date: CalendarDateRequired) => {
+        state: "disabled" | "enabled" | "restricted";
+    };
+    daysOutsideMonth?: "hidden" | "selectable";
+    monthAndYearPicker?: "on" | "off";
+    max?: DateISOStr | null;
+    maxWidth?: Size;
+    min?: DateISOStr | null;
+    readonly?: boolean;
+    todayButton?: "visible" | "hidden";
+    todayTimeZone?: Intl.DateTimeFormatOptions["timeZone"];
+    value?: DateISOStr | null;
+    weekDisplay?: "none" | "number";
+    width?: Size;
+    onValueChanged?: PropertyChanged<DateISOStr | null>;
 }>>;
 export type DatePickerProps = Props;
 export {};