@oracle/oraclejet-core-pack 16.0.6 → 16.1.1

package/oj-c/tab-bar-mixed/component.json

@@ -0,0 +1,236 @@
+{
+  "name": "tab-bar-mixed",
+  "version": "16.1.1",
+  "jetVersion": "^16.1.1",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CTabBarMixedElement"
+  ],
+  "description": "A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.",
+  "displayName": "Tab Bar Mixed",
+  "help": "oj-c.TabBarMixed.html",
+  "main": "oj-c/tab-bar-mixed",
+  "extension": {
+    "catalog": {
+      "category": "Layout & Nav"
+    },
+    "vbdt": {
+      "module": "oj-c/tab-bar-mixed"
+    }
+  },
+  "since": "16.1.0",
+  "properties": {
+    "dynamicTabs": {
+      "type": "Array<object>",
+      "description": "An array of dynamic tabs",
+      "displayName": "Dynamic Tabs",
+      "extension": {
+        "vbdt": {
+          "itemProperties": {
+            "badge": {
+              "type": "number"
+            },
+            "icon": {
+              "type": "object"
+            },
+            "itemKey": {
+              "type": "any"
+            },
+            "label": {
+              "type": "string"
+            },
+            "tabPanelId": {
+              "type": "string"
+            }
+          }
+        }
+      }
+    },
+    "dynamicTabsOverflow": {
+      "type": "string",
+      "description": "Dynamic tabs overflow configurations",
+      "displayName": "Dynamic Tabs Overflow",
+      "propertyEditorValues": {
+        "conveyor": {
+          "description": "Dynamic tabs are displayed inside a conveyor belt.",
+          "displayName": "Conveyor"
+        },
+        "popup": {
+          "description": "Dynamic tabs are displayed inside a popup.",
+          "displayName": "Popup"
+        }
+      },
+      "enumValues": [
+        "popup",
+        "conveyor"
+      ]
+    },
+    "dynamicTabsOverflowIcon": {
+      "type": "object",
+      "description": "The icon used on the overflow tab",
+      "displayName": "Icon for overflow tab"
+    },
+    "size": {
+      "type": "string",
+      "description": "Size of TabBarMixed",
+      "displayName": "Size",
+      "propertyEditorValues": {
+        "md": {
+          "description": "TabBarMixed is set with a medium height.",
+          "displayName": "Medium"
+        },
+        "lg": {
+          "description": "TabBarMixed is set with a large height.",
+          "displayName": "Large"
+        }
+      },
+      "enumValues": [
+        "md",
+        "lg"
+      ]
+    },
+    "selection": {
+      "type": "any",
+      "description": "The key of the selected tab",
+      "displayName": "Selected Tab",
+      "help": "#selection",
+      "writeback": true
+    },
+    "separatorPadding": {
+      "type": "string",
+      "description": "The padding around the vertical divider that seperates collections of tabs.",
+      "displayName": "Divider Padding"
+    },
+    "staticTabs": {
+      "type": "Array<object>",
+      "description": "An array of static tabs",
+      "displayName": "Static Tabs",
+      "extension": {
+        "vbdt": {
+          "itemProperties": {
+            "badge": {
+              "type": "number"
+            },
+            "icon": {
+              "type": "object"
+            },
+            "itemKey": {
+              "type": "any"
+            },
+            "label": {
+              "type": "string"
+            },
+            "tabPanelId": {
+              "type": "string"
+            }
+          }
+        }
+      }
+    },
+    "staticTabsDisplay": {
+      "type": "string",
+      "description": "The display configuration for static tabs.",
+      "displayName": "Static Tabs Display",
+      "propertyEditorValues": {
+        "standard": {
+          "description": "Label and icon are shown for all static tabs.",
+          "displayName": "Standard"
+        },
+        "icons": {
+          "description": "Only icons are shown for all static tabs.",
+          "displayName": "Icons"
+        }
+      },
+      "enumValues": [
+        "standard",
+        "icons"
+      ]
+    }
+  },
+  "events": {
+    "ojBeforeSelect": {
+      "cancelable": true,
+      "description": "Triggered before a tab is selected.",
+      "displayName": "Before Select",
+      "help": "#event:beforeSelect",
+      "detail": {
+        "accept": {
+          "description": "This method can be called with an application-created Promise to cancel this event asynchronously.  The Promise should be resolved or rejected to accept or cancel the event, respectively.",
+          "type": "function"
+        },
+        "key": {
+          "type": "any"
+        }
+      }
+    },
+    "ojRemove": {
+      "description": "Triggered when user performs a remove gesture on a tab.",
+      "displayName": "Remove",
+      "help": "#event:remove",
+      "detail": {
+        "key": {
+          "type": "any"
+        }
+      }
+    },
+    "ojSelectionAction": {
+      "description": "Triggered when user performs an action gesture on a tab.",
+      "displayName": "Selection Action",
+      "help": "#event:selectionAction",
+      "detail": {
+        "previousValue": {
+          "type": "any"
+        },
+        "value": {
+          "type": "any"
+        }
+      }
+    }
+  },
+  "methods": {
+    "setProperty": {
+      "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
+      "help": "#setProperty",
+      "params": [
+        {
+          "name": "property",
+          "description": "The property name to set. Supports dot notation for subproperty access.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The new value to set the property to.",
+          "type": "any"
+        }
+      ],
+      "return": "void"
+    },
+    "getProperty": {
+      "description": "Retrieves the value of a property or a subproperty.",
+      "help": "#getProperty",
+      "params": [
+        {
+          "name": "property",
+          "description": "The property name to get. Supports dot notation for subproperty access.",
+          "type": "string"
+        }
+      ],
+      "return": "any"
+    },
+    "setProperties": {
+      "description": "Performs a batch set of properties.",
+      "help": "#setProperties",
+      "params": [
+        {
+          "name": "properties",
+          "description": "An object containing the property and value pairs to set.",
+          "type": "object"
+        }
+      ],
+      "return": "void"
+    }
+  }
+}

package/oj-c/tab-bar-mixed/environment.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "preact/jsx-runtime", "@oracle/oraclejet-preact/resources/nls/bundle", "@oracle/oraclejet-preact/UNSAFE_Environment"], function (require, exports, jsx_runtime_1, bundle_1, UNSAFE_Environment_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Environment = void 0;
+    const defaultEnvironment = {
+        translations: { '@oracle/oraclejet-preact': bundle_1.default }
+    };
+    function Environment(props) {
+        const { children } = props;
+        return ((0, jsx_runtime_1.jsx)(UNSAFE_Environment_1.RootEnvironmentProvider, { environment: { ...defaultEnvironment }, children: children }));
+    }
+    exports.Environment = Environment;
+});

package/oj-c/tab-bar-mixed/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./tab-bar-mixed"], function (require, exports, tab_bar_mixed_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBarMixed = void 0;
+    Object.defineProperty(exports, "TabBarMixed", { enumerable: true, get: function () { return tab_bar_mixed_1.TabBarMixed; } });
+});

package/oj-c/tab-bar-mixed/sumBadge.js

@@ -0,0 +1,23 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.sumBadge = void 0;
+    function sumBadge(items) {
+        return items.reduce((total, item) => {
+            if (!item.badge) {
+                return total;
+            }
+            const num = Number(item.badge);
+            if (!Number.isInteger(num)) {
+                console.warn(`Item with itemKey ${item.itemKey} provided a badge of '${item.badge}', expected integer`);
+                return total;
+            }
+            if (num < 0) {
+                console.warn(`Item with itemKey ${item.itemKey} provided a negative numerical badge value of '${item.badge}', expected positive integer. This will be discarded from total.`);
+                return total;
+            }
+            return total + item.badge;
+        }, 0);
+    }
+    exports.sumBadge = sumBadge;
+});

package/oj-c/tab-bar-mixed/tab-bar-mixed-styles.css

@@ -0,0 +1,11 @@
+oj-c-tab-bar-mixed:not(.oj-complete) {
+  visibility: hidden;
+}
+
+oj-c-tab-bar-mixed {
+  display: block;
+}
+
+oj-c-tab-bar-mixed [hidden] {
+  display: none;
+}

package/oj-c/tab-bar-mixed/tab-bar-mixed.js

@@ -0,0 +1,39 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "./DataTabBarMixed"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, DataTabBarMixed_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBarMixed = void 0;
+    exports.TabBarMixed = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar-mixed', (props) => {
+        const { dynamicTabs = [], dynamicTabsOverflow = 'conveyor', dynamicTabsOverflowIcon = { type: 'class', class: 'oj-ux-ico-collection' }, onOjBeforeSelect, onOjRemove, onOjSelectionAction, onSelectionChanged, selection, separatorPadding = '3rem', size, staticTabs = [], staticTabsDisplay = 'standard', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const handleRemove = (event) => {
+            if (onOjRemove) {
+                onOjRemove({ key: event.value });
+            }
+        };
+        const handleSelect = (event) => {
+            if (onOjSelectionAction) {
+                onOjSelectionAction({ previousValue: selection || '', value: event.value });
+            }
+            if (selection === event.value) {
+                return;
+            }
+            (async () => {
+                handleOnSelectionChanged: {
+                    if (onOjBeforeSelect) {
+                        try {
+                            await onOjBeforeSelect({ key: event.value });
+                        }
+                        catch {
+                            break handleOnSelectionChanged;
+                        }
+                    }
+                    if (onSelectionChanged) {
+                        onSelectionChanged(event.value);
+                    }
+                }
+            })();
+        };
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby }) }));
+    }, "TabBarMixed", { "properties": { "dynamicTabs": { "type": "Array<object>" }, "dynamicTabsOverflow": { "type": "string", "enumValues": ["popup", "conveyor"] }, "dynamicTabsOverflowIcon": { "type": "object" }, "size": { "type": "string", "enumValues": ["md", "lg"] }, "selection": { "type": "any", "writeback": true }, "separatorPadding": { "type": "string" }, "staticTabs": { "type": "Array<object>" }, "staticTabsDisplay": { "type": "string", "enumValues": ["standard", "icons"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, undefined, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    });
+});

package/oj-c/tab-bar-mixed.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./tab-bar-mixed/tab-bar-mixed"], function (require, exports, tab_bar_mixed_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBarMixed = void 0;
+    Object.defineProperty(exports, "TabBarMixed", { enumerable: true, get: function () { return tab_bar_mixed_1.TabBarMixed; } });
+});

package/oj-c/tag-cloud/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tag-cloud",
-  "version": "16.0.6",
-  "jetVersion": "^16.0.6",
+  "version": "16.1.1",
+  "jetVersion": "^16.1.1",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

package/oj-c/tag-cloud-item/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tag-cloud-item",
-  "version": "16.0.6",
-  "jetVersion": "^16.0.6",
+  "version": "16.1.1",
+  "jetVersion": "^16.1.1",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -25,7 +25,8 @@
       "type": "Array<string>",
       "description": "An array of category strings corresponding to the tag cloud items.",
       "displayName": "Categories",
-      "help": "#categories"
+      "help": "#categories",
+      "value": []
     },
     "color": {
       "type": "string",

package/oj-c/tag-cloud-item/tag-cloud-item.js

@@ -7,7 +7,7 @@ define(["require", "exports", '@oracle/oraclejet-preact/translationBundle', "ojs
     };
     exports.TagCloudItem = (0, ojvcomponent_1.registerCustomElement)('oj-c-tag-cloud-item', ({ categories = exports.TagCloudItemDefaults.categories, ...props }) => {
         return null;
-    }, "TagCloudItem", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number|null" }, "url": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "TagCloudItem", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number|null" }, "url": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "categories": [] }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });

package/oj-c/text-area/component.json

@@ -1,7 +1,7 @@
 {
   "name": "text-area",
-  "version": "16.0.6",
-  "jetVersion": "^16.0.6",
+  "version": "16.1.1",
+  "jetVersion": "^16.1.1",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

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

@@ -9,7 +9,7 @@ import 'css!oj-c/area-chart/area-chart-styles.css';
 import { Action, ExtendGlobalProps, ObservedGlobalProps, PropertyChanged, TemplateSlot } from 'ojs/ojvcomponent';
 import { ChartItemTemplateContext, ChartSeriesTemplateContext, ChartGroupTemplateContext } from '../hooks/UNSAFE_useChartData/useChartData';
 import { Group } from '@oracle/oraclejet-preact/UNSAFE_Axis/axis.types';
-import { ViewPortDetail, PlotArea, YAxis, XAxis, ValueFormats } from '../utils/UNSAFE_vizTypes/chartTypes';
+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';
 type PreactAreaChartProps = ComponentProps<typeof PreactAreaChart>;
@@ -50,6 +50,7 @@ export type AreaChartProps<K, D extends AreaItem<K> | any> = ObservedGlobalProps
     stack?: 'on' | 'off';
     drilling?: 'on' | 'off';
     orientation?: PreactAreaChartProps['orientation'];
+    timeAxisType?: 'enabled' | 'mixedFrequency' | 'skipGaps';
     yAxis?: YAxis;
     xAxis?: XAxis;
     plotArea?: PlotArea;
@@ -71,7 +72,7 @@ export type AreaChartProps<K, D extends AreaItem<K> | any> = ObservedGlobalProps
     highlightMatch?: 'any' | 'all';
     legend?: ChartLegend;
 };
-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, 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, ...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> {
@@ -107,6 +108,7 @@ export namespace CAreaChartElement {
     type selectionModeChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['selectionMode']>;
     type seriesComparatorChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['seriesComparator']>;
     type stackChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['stack']>;
+    type timeAxisTypeChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['timeAxisType']>;
     type valueFormatsChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['valueFormats']>;
     type xAxisChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['xAxis']>;
     type yAxisChanged<K extends string | number, D extends AreaItem<K> | any> = JetElementCustomEventStrict<CAreaChartElement<K, D>['yAxis']>;
@@ -132,6 +134,7 @@ export interface CAreaChartElementEventMap<K extends string | number, D extends
     'selectionModeChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['selectionMode']>;
     'seriesComparatorChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['seriesComparator']>;
     'stackChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['stack']>;
+    'timeAxisTypeChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['timeAxisType']>;
     'valueFormatsChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['valueFormats']>;
     'xAxisChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['xAxis']>;
     'yAxisChanged': JetElementCustomEventStrict<CAreaChartElement<K, D>['yAxis']>;
@@ -153,6 +156,7 @@ export interface CAreaChartElementSettableProperties<K, D extends AreaItem<K> |
     selectionMode?: AreaChartProps<K, D>['selectionMode'];
     seriesComparator?: AreaChartProps<K, D>['seriesComparator'];
     stack?: AreaChartProps<K, D>['stack'];
+    timeAxisType?: AreaChartProps<K, D>['timeAxisType'];
     valueFormats?: AreaChartProps<K, D>['valueFormats'];
     xAxis?: AreaChartProps<K, D>['xAxis'];
     yAxis?: AreaChartProps<K, D>['yAxis'];
@@ -182,6 +186,7 @@ export interface AreaChartIntrinsicProps extends Partial<Readonly<CAreaChartElem
     onselectionModeChanged?: (value: CAreaChartElementEventMap<any, any>['selectionModeChanged']) => void;
     onseriesComparatorChanged?: (value: CAreaChartElementEventMap<any, any>['seriesComparatorChanged']) => void;
     onstackChanged?: (value: CAreaChartElementEventMap<any, any>['stackChanged']) => void;
+    ontimeAxisTypeChanged?: (value: CAreaChartElementEventMap<any, any>['timeAxisTypeChanged']) => void;
     onvalueFormatsChanged?: (value: CAreaChartElementEventMap<any, any>['valueFormatsChanged']) => void;
     onxAxisChanged?: (value: CAreaChartElementEventMap<any, any>['xAxisChanged']) => void;
     onyAxisChanged?: (value: CAreaChartElementEventMap<any, any>['yAxisChanged']) => void;

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

@@ -5,6 +5,7 @@ export type AreaChartItemProps = {
     seriesId: string;
     groupId: Array<string>;
     value: number;
+    x?: string;
     color?: string;
     markerDisplayed?: 'on' | 'off' | 'auto';
     markerShape?: 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | 'auto';
@@ -34,6 +35,7 @@ export namespace CAreaChartItemElement {
     type seriesIdChanged = JetElementCustomEventStrict<CAreaChartItemElement['seriesId']>;
     type shortDescChanged = JetElementCustomEventStrict<CAreaChartItemElement['shortDesc']>;
     type valueChanged = JetElementCustomEventStrict<CAreaChartItemElement['value']>;
+    type xChanged = JetElementCustomEventStrict<CAreaChartItemElement['x']>;
 }
 export interface CAreaChartItemElementEventMap extends HTMLElementEventMap {
     'categoriesChanged': JetElementCustomEventStrict<CAreaChartItemElement['categories']>;
@@ -46,6 +48,7 @@ export interface CAreaChartItemElementEventMap extends HTMLElementEventMap {
     'seriesIdChanged': JetElementCustomEventStrict<CAreaChartItemElement['seriesId']>;
     'shortDescChanged': JetElementCustomEventStrict<CAreaChartItemElement['shortDesc']>;
     'valueChanged': JetElementCustomEventStrict<CAreaChartItemElement['value']>;
+    'xChanged': JetElementCustomEventStrict<CAreaChartItemElement['x']>;
 }
 export interface CAreaChartItemElementSettableProperties extends JetSettableProperties {
     categories?: AreaChartItemProps['categories'];
@@ -58,6 +61,7 @@ export interface CAreaChartItemElementSettableProperties extends JetSettableProp
     seriesId: AreaChartItemProps['seriesId'];
     shortDesc?: AreaChartItemProps['shortDesc'];
     value: AreaChartItemProps['value'];
+    x?: AreaChartItemProps['x'];
 }
 export interface CAreaChartItemElementSettablePropertiesLenient extends Partial<CAreaChartItemElementSettableProperties> {
     [key: string]: any;
@@ -73,6 +77,7 @@ export interface AreaChartItemIntrinsicProps extends Partial<Readonly<CAreaChart
     onseriesIdChanged?: (value: CAreaChartItemElementEventMap['seriesIdChanged']) => void;
     onshortDescChanged?: (value: CAreaChartItemElementEventMap['shortDescChanged']) => void;
     onvalueChanged?: (value: CAreaChartItemElementEventMap['valueChanged']) => void;
+    onxChanged?: (value: CAreaChartItemElementEventMap['xChanged']) => void;
 }
 declare global {
     namespace preact.JSX {

package/oj-c/types/input-date-mask/input-date-mask.d.ts

@@ -6,7 +6,7 @@ import { DisplayOptions, Help, HelpHints } from 'oj-c/editable-value/UNSAFE_useA
 import Validator = require('ojs/ojvalidator');
 import AsyncValidator = require('ojs/ojvalidator-async');
 import { ExtendGlobalProps, ObservedGlobalProps, PropertyChanged, ReadOnlyPropertyChanged } from 'ojs/ojvcomponent';
-import { Component, ComponentProps } from 'preact';
+import { ComponentProps, ComponentType, Ref } from 'preact';
 import { Size } from '@oracle/oraclejet-preact/utils/UNSAFE_size';
 import { LayoutColumnSpan } from '@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout';
 import 'css!oj-c/input-date-mask/input-date-mask-styles.css';
@@ -41,20 +41,15 @@ type Props = ObservedGlobalProps<'aria-describedby' | 'id'> & {
     onValidChanged?: ReadOnlyPropertyChanged<ValidState>;
     onValueChanged?: PropertyChanged<string>;
 };
-export declare class InputDateMask extends Component<ExtendGlobalProps<Props>> {
-    static defaultProps: Partial<Props>;
-    private busyContextRef;
-    private inputDateMaskRef;
-    private rootRef;
-    componentDidMount(): void;
-    render({ columnSpan, ...props }: ExtendGlobalProps<Props>): import("preact").JSX.Element;
-    componentWillUnmount(): void;
-    reset(): void;
-    showMessages(): void;
-    validate(): Promise<'valid' | 'invalid'>;
-    blur(): void;
-    focus(): void;
-}
+type InputDateMaskHandle = {
+    blur: () => void;
+    focus: () => void;
+    showMessages: () => void;
+    reset: () => void;
+    validate: () => Promise<'valid' | 'invalid'>;
+};
+declare const InputDateMaskImpl: ({ columnSpan, disabled, displayOptions, help, helpHints, messagesCustom, readonly, required, userAssistanceDensity, validators, value, ...otherProps }: Props, ref: Ref<InputDateMaskHandle>) => import("preact").JSX.Element;
+export declare const InputDateMask: ComponentType<ExtendGlobalProps<ComponentProps<typeof InputDateMaskImpl>>>;
 export type InputDateMaskProps = Props;
 export {};
 export interface CInputDateMaskElement extends JetElement<CInputDateMaskElementSettableProperties>, CInputDateMaskElementSettableProperties {
@@ -67,11 +62,11 @@ export interface CInputDateMaskElement extends JetElement<CInputDateMaskElementS
     setProperty<T extends keyof CInputDateMaskElementSettableProperties>(property: T, value: CInputDateMaskElementSettableProperties[T]): void;
     setProperty<T extends string>(property: T, value: JetSetPropertyType<T, CInputDateMaskElementSettableProperties>): void;
     setProperties(properties: CInputDateMaskElementSettablePropertiesLenient): void;
-    blur: InputDateMask['blur'];
-    focus: InputDateMask['focus'];
-    reset: InputDateMask['reset'];
-    showMessages: InputDateMask['showMessages'];
-    validate: InputDateMask['validate'];
+    blur: () => void;
+    focus: () => void;
+    reset: () => void;
+    showMessages: () => void;
+    validate: () => Promise<'invalid' | 'valid'>;
 }
 export namespace CInputDateMaskElement {
     type columnSpanChanged = JetElementCustomEventStrict<CInputDateMaskElement['columnSpan']>;

package/oj-c/types/input-month-mask/CalendarMonthConverter.d.ts

@@ -0,0 +1,19 @@
+import { BCP47Locale } from '@oracle/oraclejet-preact/UNSAFE_IntlDateTime';
+import { CalendarMonth, CalendarMonthRequired, InputDateMask as PreactInputDateMask } from '@oracle/oraclejet-preact/UNSAFE_InputDateMask';
+import { ComponentProps } from 'preact';
+import { BundleType } from '@oracle/oraclejet-preact/resources/nls/bundle';
+type PreactInputDateMaskProps = ComponentProps<typeof PreactInputDateMask>;
+type CalendarMonthConverterOptions = {
+    calendarMonthConverter_parseErrorFn?: BundleType['calendarMonthConverter_parseError'];
+    customMask?: PreactInputDateMaskProps['masks'];
+    locale?: BCP47Locale;
+};
+export declare class CalendarMonthConverter {
+    private locale;
+    private calendarMonthConverter_parseErrorFn;
+    private customMask;
+    constructor(options?: CalendarMonthConverterOptions);
+    format(value: CalendarMonthRequired): CalendarMonth;
+    parse(input: CalendarMonth): CalendarMonthRequired;
+}
+export {};

package/oj-c/types/input-month-mask/CalendarMonthRangeValidator.d.ts

@@ -0,0 +1,34 @@
+import type { FormatObj } from '@oracle/oraclejet-preact/UNSAFE_IntlFormatParse';
+import type { CalendarMonthRequired } from '@oracle/oraclejet-preact/UNSAFE_InputDateMask';
+import type { BundleType } from '@oracle/oraclejet-preact/resources/nls/bundle';
+type OverflowMessageDetailParameters = {
+    value: string;
+    max: string;
+};
+type UnderflowMessageDetailParameters = {
+    value: string;
+    min: string;
+};
+type MessageDetailFn<T> = (p: T) => string;
+type CalendarMonthRangeValidatorOptions = {
+    defaultRangeOverflowMessageDetailFn: BundleType['inputMonthMask_dateRangeOverflowMessageDetail'];
+    defaultRangeUnderflowMessageDetailFn: BundleType['inputMonthMask_dateRangeUnderflowMessageDetail'];
+    max?: CalendarMonthRequired;
+    min?: CalendarMonthRequired;
+    dateRangeOverflowMessageDetail?: MessageDetailFn<OverflowMessageDetailParameters>;
+    dateRangeUnderflowMessageDetail?: MessageDetailFn<UnderflowMessageDetailParameters>;
+    formatObj: FormatObj<CalendarMonthRequired>;
+};
+declare class CalendarMonthRangeValidator {
+    private defaultRangeOverflowMessageDetailFn;
+    private defaultRangeUnderflowMessageDetailFn;
+    private min;
+    private max;
+    private dateRangeOverflowMessageDetail;
+    private dateRangeUnderflowMessageDetail;
+    private formatObj;
+    constructor(options: CalendarMonthRangeValidatorOptions);
+    validate(value: CalendarMonthRequired | null): Required<import("@oracle/oraclejet-preact/UNSAFE_InputDateMask").CalendarMonth> | undefined;
+    private static _compareCalendarMonths;
+}
+export { CalendarMonthRangeValidator, CalendarMonthRangeValidatorOptions, OverflowMessageDetailParameters, UnderflowMessageDetailParameters };

package/oj-c/types/input-month-mask/index.d.ts

@@ -0,0 +1,2 @@
+export { InputMonthMask } from './input-month-mask';
+export { CInputMonthMaskElement } from './input-month-mask';