@oracle/oraclejet 18.0.5 → 18.1.0

package/dist/metadata/components/schemas/component-schema.json

@@ -1034,6 +1034,33 @@
       "additionalProperties": false
     },
 
+    "requirementDef": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "enum": ["anyOf"]
+        },
+        "description": {
+          "type": "string"
+        },
+        "properties": {
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        },
+        "slots": {
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      },
+      "required": ["type"],
+      "additionalProperties": false
+    },
+
     "semverExactDef": {
       "type": "string",
 
@@ -1723,6 +1750,12 @@
         "type": "string"
       }
     },
+    "requirements": {
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/requirementDef"
+      }
+    },
     "return": {
       "$comment": "needed for 'hook' type",
       "$ref": "#/definitions/returnDef"
@@ -1775,7 +1808,7 @@
   "allOf": [
 
     {
-      "$comment": "if the 'type' property is explicitly set to anything other than 'composite' or 'core', then 'implements' and 'preferredParent' are invalid",
+      "$comment": "if the 'type' property is explicitly set to anything other than 'composite' or 'core', then 'implements','preferredParent', and 'requirements' are invalid",
       "if": {
         "properties": {
           "type": {
@@ -1789,7 +1822,7 @@
       "then": {
         "propertyNames": {
           "not": {
-            "enum": ["implements", "preferredParent"]
+            "enum": ["implements", "preferredParent", "requirements"]
           }
         }
       }

package/dist/package-backup.json

@@ -1,6 +1,6 @@
 {
   "name": "@oracle/oraclejet",
-  "version": "18.0.5",
+  "version": "18.1.0",
   "license": "UPL-1.0",
   "description": "Oracle JavaScript Extension Toolkit (JET) empowers developers by providing a modular open source toolkit based on modern JavaScript, CSS3 and HTML5 design and development principles.",
   "keywords": [

package/dist/pcss/oj/{18.0.5 → 18.1.0}/oj/date-time-picker/themes/base/_oj-date-time-picker.scss

@@ -185,7 +185,13 @@
   //**************************
   .oj-datepicker-popup{
     min-width: 17.5rem;
-    min-height: 21.5rem;
+    .oj-datepicker-popup {
+      min-width: 17.5rem;
+      // JET-70656: Using the min() function to ensure that the min-height is never larger than the viewport height.
+      // The unquote() function is used to bypass a limitation in older versions of SASS, which don't recognize 'vh' units and throw a parse error. 
+      // unquote() effectively bypasses SASS parsing, allowing the value to be used as-is.
+      min-height: unquote("min(21.5rem,100vh)");
+    }
   } 
   
   // JET-57860 - Date Picker Pop Up - Last Day not visible in landscape
@@ -276,7 +282,6 @@
     }
   }
   .oj-datepicker-next-icon {
-    order: 3;
     @include oj-ltr() {
       right: 2px;
     }
@@ -289,6 +294,9 @@
     //decreased the margin slightly for chrome on mac
     margin: auto 2.2em;
     text-align: center;
+    display: flex;
+    column-gap: 0.3125rem;
+    justify-content: center;
   }
 
   .oj-datepicker-title select {
@@ -321,9 +329,6 @@
     width: 100%;
   }
 
-  .oj-datepicker-month {
-    margin-right: 0.3125rem;
-  }
 
   .oj-datepicker-header a.oj-enabled:not(.oj-disabled) {
     cursor: pointer;
@@ -332,7 +337,6 @@
   .oj-datepicker-month,
   .oj-datepicker-year {
     font-size: var(--oj-typography-body-lg-font-size);
-    width: 48%;
     min-width: 0;
   }
 
@@ -757,7 +761,7 @@
     font-size: 2.25rem;
     font-weight: 300;
     height: 2.5rem;
-    opacity: 0.3;
+    opacity: 0.7;
   }
 
   // common to wheel items position2 and position-2
@@ -766,7 +770,7 @@
     font-size: 2.25rem;
     font-weight: 300;
     height: 1.875rem;
-    opacity: 0.1;
+    opacity: 0.5;
   }
 
   // common to wheel items: position 3, 4, 5, 6, 7

package/dist/pcss/oj/{18.0.5 → 18.1.0}/oj/dialog/themes/base/_oj-dialog.scss

@@ -17,7 +17,7 @@
   .oj-dialog-container {
     display: flex;
     flex-direction: column;
-    overflow: hidden;
+    overflow: auto;
     width: 100%;
     height: 100%;
     max-height: inherit;
@@ -39,6 +39,7 @@
     width: 600px;
     min-width: 200px;
     max-width: calc(100vw - 3rem);
+    min-height: 200px;
     max-height: calc(100vh - 3rem);
     height: auto;
     // note: min-height overrides height auto, so do not
@@ -179,6 +180,10 @@
     flex: 1 1 auto;
   }
 
+  .oj-dialog.oj-dialog-small-height .oj-dialog-content {
+    flex: 1 0 auto;
+  }
+
   .oj-dialog-body-wrapper {
     height: 100%;
   }

package/dist/pcss/oj/{18.0.5 → 18.1.0}/oj/helpers/themes/base/_oj-helpers.scss

@@ -45,7 +45,7 @@
   $themeRootMap: map-merge(
     $themeRootMap,
     (
-      jetReleaseVersion: "v18.0.5"
+      jetReleaseVersion: "v18.1.0"
     )
   );
 

package/dist/pcss/oj/{18.0.5 → 18.1.0}/oj/messages/themes/redwood/oj-messages.scss

@@ -60,6 +60,10 @@
       padding: 0.5rem 1rem 0 1rem;
     }
 
+    .oj-messages-notification .oj-message-header {
+      z-index: 1;
+    }
+
     .oj-messages-general .oj-message-container.oj-message-no-icon.oj-message-no-detail .oj-message-header,
     .oj-messages-notification .oj-message-container.oj-message-no-icon.oj-message-no-detail .oj-message-header {
       padding: 1rem;

package/dist/pcss/oj/{18.0.5 → 18.1.0}/oj/popup/themes/base/_oj-popup.scss

@@ -55,8 +55,6 @@
     max-width: calc(100vw - 3rem);
     max-height: calc(100vh - 3rem);
 
-    overflow: auto;
-    
     border: 1px solid var(--oj-popup-border-color);
     border-radius: var(--oj-popup-border-radius);
     background-color: var(--oj-popup-bg-color);
@@ -64,6 +62,11 @@
 
     will-change: top, left;
   }
+  
+  .oj-popup:not(.oj-popup-tail-simple) {
+    overflow: auto;
+  }
+
   .oj-popup.oj-popup-tail-simple {
     border-width: 1px;
     border-color: var(--oj-popup-border-color);

package/dist/scss/common/helpers/_oj.common.helpers.scss

@@ -29,7 +29,7 @@
       $themeRootMap: map-merge($themeRootMap, (targetPlatform: $themeTargetPlatform));
   }
   $themeRootMap: map-merge($themeRootMap, (behavior: "alta"));
-  $themeRootMap: map-merge($themeRootMap, (jetReleaseVersion: "v18.0.5"));
+  $themeRootMap: map-merge($themeRootMap, (jetReleaseVersion: "v18.1.0"));
 
   .oj-theme-json {
       font-family: oj-json-from-map($themeRootMap);

package/dist/scss/common/widgets/_oj.common.formcontrol.inputdatetime.scss

@@ -470,6 +470,8 @@
       }
     }
     .oj-datepicker-next-icon {
+      top : 0;
+      bottom: 0;
       @include oj-ltr() {
         right: 2px;
       }
@@ -486,6 +488,9 @@
         line-height: calc((#{$dateTimePickerWidth} - 2 * #{$dateTimePickerPadding}) / 7);         
 
       text-align: center;
+      display: flex;
+      column-gap: 20px;
+      justify-content: center;
     }
 
     .oj-datepicker-title select { 
@@ -523,14 +528,9 @@
       width: 100%;
     }
 
-    .oj-datepicker-month {
-      margin-right: 20px;
-    }
-
     .oj-datepicker-month,
     .oj-datepicker-year {
       font-size: 18px;
-      width: 48%;
       min-width: 0;
     }
 

package/dist/scss/common/widgets/_oj.common.popup.scss

@@ -53,8 +53,6 @@
     .oj-popup {
       @extend .oj-component-popup;
 
-      overflow: auto;
-
         border: $popupBorderWidth solid $popupBorderColor;
         @include oj-border-radius($popupBorderRadius);
         background-color: $popupBgColor;
@@ -62,6 +60,9 @@
 
       will-change: top, left;
     }
+    .oj-popup:not(.oj-popup-tail-simple) {
+      overflow: auto;
+    }
     .oj-popup.oj-popup-tail-simple {
 
         @include oj-box-shadow($popupTailBoxShadow);

package/dist/types/ojchart/index.d.ts

@@ -536,9 +536,9 @@ export namespace ojChart {
     // tslint:disable-next-line interface-over-type-literal
     type DndDragConfig<T> = {
         dataTypes?: string | string[];
-        drag?: ((param0: Event) => void);
-        dragEnd?: ((param0: Event) => void);
-        dragStart?: ((event: Event, context: T) => void);
+        drag?: ((event: DragEvent, context: T) => void);
+        dragEnd?: ((event: DragEvent, context: T) => void);
+        dragStart?: ((event: DragEvent, context: T) => void);
     };
     // tslint:disable-next-line interface-over-type-literal
     type DndDragConfigs<K, D, I extends Array<Item<any, null>> | number[] | null> = {
@@ -555,10 +555,10 @@ export namespace ojChart {
     // tslint:disable-next-line interface-over-type-literal
     type DndDropConfig = {
         dataTypes?: string | string[];
-        dragEnter?: ((event: Event, context: DndDrop) => void);
-        dragLeave?: ((event: Event, context: DndDrop) => void);
-        dragOver?: ((event: Event, context: DndDrop) => void);
-        drop?: ((event: Event, context: DndDrop) => void);
+        dragEnter?: ((event: DragEvent, context: DndDrop) => void);
+        dragLeave?: ((event: DragEvent, context: DndDrop) => void);
+        dragOver?: ((event: DragEvent, context: DndDrop) => void);
+        drop?: ((event: DragEvent, context: DndDrop) => void);
     };
     // tslint:disable-next-line interface-over-type-literal
     type DndDropConfigs = {
@@ -1852,7 +1852,9 @@ export interface ojSparkChart<K, D extends ojSparkChart.Item | any> extends dvtB
     animationOnDataChange?: 'auto' | 'none';
     animationOnDisplay?: 'auto' | 'none';
     areaColor?: string;
+    /** @deprecated since 18.1.0 - The areaSvgClassName property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     areaSvgClassName?: string;
+    /** @deprecated since 18.1.0 - The areaSvgStyle property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     areaSvgStyle?: Partial<CSSStyleDeclaration>;
     /** @deprecated since 6.2.0 - Set the alias directly on the template element using the data-oj-as attribute instead. */
     as?: string;
@@ -1977,7 +1979,9 @@ export namespace ojSparkChart {
         markerDisplayed?: 'on' | 'off';
         markerShape?: 'square' | 'circle' | 'diamond' | 'plus' | 'triangleDown' | 'triangleUp' | 'human' | 'star' | 'auto' | string;
         markerSize?: number;
+        /** @deprecated since 18.1.0 - The svgClassName property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
         svgClassName?: string;
+        /** @deprecated since 18.1.0 - The svgStyle property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
         svgStyle?: Partial<CSSStyleDeclaration>;
         value?: number;
     };
@@ -2005,7 +2009,9 @@ export namespace ojSparkChart {
         lineWidth?: number;
         location?: 'front' | 'back';
         low?: number;
+        /** @deprecated since 18.1.0 - The svgClassName property is deprecated. This deprecation is in support of moving away from technology specific APIs for future Corepack and Preact components. */
         svgClassName?: string;
+        /** @deprecated since 18.1.0 - The svgStyle property is deprecated. This deprecation is in support of moving away from technology specific APIs for future Corepack and Preact components. */
         svgStyle?: Partial<CSSStyleDeclaration>;
         type?: 'area' | 'line';
         value?: number;
@@ -2055,7 +2061,9 @@ export interface ojSparkChartSettableProperties<K, D extends ojSparkChart.Item |
     animationOnDataChange?: 'auto' | 'none';
     animationOnDisplay?: 'auto' | 'none';
     areaColor?: string;
+    /** @deprecated since 18.1.0 - The areaSvgClassName property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     areaSvgClassName?: string;
+    /** @deprecated since 18.1.0 - The areaSvgStyle property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     areaSvgStyle?: Partial<CSSStyleDeclaration>;
     /** @deprecated since 6.2.0 - Set the alias directly on the template element using the data-oj-as attribute instead. */
     as?: string;
@@ -2117,7 +2125,9 @@ export interface ojSparkChartItem extends JetElement<ojSparkChartItemSettablePro
     markerDisplayed?: 'off' | 'on';
     markerShape?: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
     markerSize?: number;
+    /** @deprecated since 18.1.0 - The svgClassName property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     svgClassName?: string;
+    /** @deprecated since 18.1.0 - The svgStyle property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     svgStyle?: Partial<CSSStyleDeclaration>;
     value?: number | null;
     addEventListener<T extends keyof ojSparkChartItemEventMap>(type: T, listener: (this: HTMLElement, ev: ojSparkChartItemEventMap[T]) => any, options?: (boolean | AddEventListenerOptions)): void;
@@ -2174,7 +2184,9 @@ export interface ojSparkChartItemSettableProperties extends JetSettablePropertie
     markerDisplayed?: 'off' | 'on';
     markerShape?: 'auto' | 'circle' | 'diamond' | 'human' | 'plus' | 'square' | 'star' | 'triangleDown' | 'triangleUp' | string;
     markerSize?: number;
+    /** @deprecated since 18.1.0 - The svgClassName property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     svgClassName?: string;
+    /** @deprecated since 18.1.0 - The svgStyle property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
     svgStyle?: Partial<CSSStyleDeclaration>;
     value?: number | null;
 }
@@ -2553,9 +2565,9 @@ export namespace ChartElement {
     // tslint:disable-next-line interface-over-type-literal
     type DndDragConfig<T> = {
         dataTypes?: string | string[];
-        drag?: ((param0: Event) => void);
-        dragEnd?: ((param0: Event) => void);
-        dragStart?: ((event: Event, context: T) => void);
+        drag?: ((event: DragEvent, context: T) => void);
+        dragEnd?: ((event: DragEvent, context: T) => void);
+        dragStart?: ((event: DragEvent, context: T) => void);
     };
     // tslint:disable-next-line interface-over-type-literal
     type DndDragConfigs<K, D, I extends Array<ojChart.Item<any, null>> | number[] | null> = {
@@ -2572,10 +2584,10 @@ export namespace ChartElement {
     // tslint:disable-next-line interface-over-type-literal
     type DndDropConfig = {
         dataTypes?: string | string[];
-        dragEnter?: ((event: Event, context: ojChart.DndDrop) => void);
-        dragLeave?: ((event: Event, context: ojChart.DndDrop) => void);
-        dragOver?: ((event: Event, context: ojChart.DndDrop) => void);
-        drop?: ((event: Event, context: ojChart.DndDrop) => void);
+        dragEnter?: ((event: DragEvent, context: ojChart.DndDrop) => void);
+        dragLeave?: ((event: DragEvent, context: ojChart.DndDrop) => void);
+        dragOver?: ((event: DragEvent, context: ojChart.DndDrop) => void);
+        drop?: ((event: DragEvent, context: ojChart.DndDrop) => void);
     };
     // tslint:disable-next-line interface-over-type-literal
     type DndDropConfigs = {
@@ -3493,7 +3505,9 @@ export namespace SparkChartElement {
         markerDisplayed?: 'on' | 'off';
         markerShape?: 'square' | 'circle' | 'diamond' | 'plus' | 'triangleDown' | 'triangleUp' | 'human' | 'star' | 'auto' | string;
         markerSize?: number;
+        /** @deprecated since 18.1.0 - The svgClassName property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
         svgClassName?: string;
+        /** @deprecated since 18.1.0 - The svgStyle property is deprecated. This API is not recommended in Redwood theme. Use other customization APIs where appropriate. */
         svgStyle?: Partial<CSSStyleDeclaration>;
         value?: number;
     };
@@ -3521,7 +3535,9 @@ export namespace SparkChartElement {
         lineWidth?: number;
         location?: 'front' | 'back';
         low?: number;
+        /** @deprecated since 18.1.0 - The svgClassName property is deprecated. This deprecation is in support of moving away from technology specific APIs for future Corepack and Preact components. */
         svgClassName?: string;
+        /** @deprecated since 18.1.0 - The svgStyle property is deprecated. This deprecation is in support of moving away from technology specific APIs for future Corepack and Preact components. */
         svgStyle?: Partial<CSSStyleDeclaration>;
         type?: 'area' | 'line';
         value?: number;
@@ -3708,8 +3724,8 @@ export interface SparkChartIntrinsicProps extends Partial<Readonly<ojSparkChartS
     onanimationOnDataChangeChanged?: (value: ojSparkChartEventMap<any, any>['animationOnDataChangeChanged']) => void;
     onanimationOnDisplayChanged?: (value: ojSparkChartEventMap<any, any>['animationOnDisplayChanged']) => void;
     onareaColorChanged?: (value: ojSparkChartEventMap<any, any>['areaColorChanged']) => void;
-    onareaSvgClassNameChanged?: (value: ojSparkChartEventMap<any, any>['areaSvgClassNameChanged']) => void;
-    onareaSvgStyleChanged?: (value: ojSparkChartEventMap<any, any>['areaSvgStyleChanged']) => void;
+    /** @deprecated since 18.1.0 */ onareaSvgClassNameChanged?: (value: ojSparkChartEventMap<any, any>['areaSvgClassNameChanged']) => void;
+    /** @deprecated since 18.1.0 */ onareaSvgStyleChanged?: (value: ojSparkChartEventMap<any, any>['areaSvgStyleChanged']) => void;
     /** @deprecated since 6.2.0 */ onasChanged?: (value: ojSparkChartEventMap<any, any>['asChanged']) => void;
     onbarGapRatioChanged?: (value: ojSparkChartEventMap<any, any>['barGapRatioChanged']) => void;
     onbaselineScalingChanged?: (value: ojSparkChartEventMap<any, any>['baselineScalingChanged']) => void;
@@ -3742,8 +3758,8 @@ export interface SparkChartItemIntrinsicProps extends Partial<Readonly<ojSparkCh
     onmarkerDisplayedChanged?: (value: ojSparkChartItemEventMap['markerDisplayedChanged']) => void;
     onmarkerShapeChanged?: (value: ojSparkChartItemEventMap['markerShapeChanged']) => void;
     onmarkerSizeChanged?: (value: ojSparkChartItemEventMap['markerSizeChanged']) => void;
-    onsvgClassNameChanged?: (value: ojSparkChartItemEventMap['svgClassNameChanged']) => void;
-    onsvgStyleChanged?: (value: ojSparkChartItemEventMap['svgStyleChanged']) => void;
+    /** @deprecated since 18.1.0 */ onsvgClassNameChanged?: (value: ojSparkChartItemEventMap['svgClassNameChanged']) => void;
+    /** @deprecated since 18.1.0 */ onsvgStyleChanged?: (value: ojSparkChartItemEventMap['svgStyleChanged']) => void;
     onvalueChanged?: (value: ojSparkChartItemEventMap['valueChanged']) => void;
     children?: ComponentChildren;
 }