@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/TagCloud.json

@@ -63,7 +63,10 @@
       {
         "target": "Type",
         "value": "DataProvider<K, D>|null",
-        "jsdocOverride": true
+        "jsdocOverride": true,
+        "module": {
+          "DataProvider": "ojdataprovider"
+        }
       }
     ]
   },
@@ -88,7 +91,7 @@
     "tstype": [
       {
         "target": "Type",
-        "value": "(context: DatatipContext<K>) => string",
+        "value": "(context: oj-c.TagCloud.DatatipContext<K>) => string",
         "jsdocOverride": true
       }
     ]
@@ -432,8 +435,8 @@
           {
             "target": "Type",
             "value": "D",
-            "for": "data",
-            "jsdocOverride": true
+            "jsdocOverride": true,
+            "for": "data"
           }
         ]
       },
@@ -450,8 +453,8 @@
           {
             "target": "Type",
             "value": "K",
-            "for": "key",
-            "jsdocOverride": true
+            "jsdocOverride": true,
+            "for": "key"
           }
         ]
       },
@@ -493,6 +496,109 @@
     },
     "ojfragment": true
   },
+  {
+    "memberof": "oj-c.TagCloud",
+    "id": "oj-c.TagCloud.Item",
+    "name": "Item",
+    "kind": "typedef",
+    "longname": "oj-c.TagCloud.Item",
+    "scope": "static",
+    "description": "",
+    "tsgenerictype": {
+      "target": "Type",
+      "value": "<K>",
+      "for": "genericTypeParameters"
+    },
+    "type": {
+      "names": [
+        "Object"
+      ]
+    },
+    "meta": {
+      "filename": "tag-cloud.tsx",
+      "path": "web/components/oj-c/tag-cloud"
+    },
+    "properties": [
+      {
+        "name": "id",
+        "description": "The item id should be set by the application if the DataProvider is not being used. The row key will be used as id in the DataProvider case.",
+        "optional": false,
+        "type": {
+          "names": [
+            "any"
+          ]
+        },
+        "tstype": [
+          {
+            "target": "Type",
+            "value": "K",
+            "jsdocOverride": true,
+            "for": "id"
+          }
+        ]
+      },
+      {
+        "name": "categories",
+        "description": "An array of category strings corresponding to the tag cloud items. This allows highlighting and filtering of items.",
+        "optional": true,
+        "type": {
+          "names": [
+            "Array<string>"
+          ]
+        }
+      },
+      {
+        "name": "color",
+        "description": "The color of the text. Will be overridden by any color defined in the style option. The default value comes from the CSS and varies based on theme.",
+        "optional": true,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "label",
+        "description": "The text of the item.",
+        "optional": false,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "value",
+        "description": "The value of this item is used to scale its font size within the tag cloud.",
+        "optional": false,
+        "type": {
+          "names": [
+            "number|null"
+          ]
+        }
+      },
+      {
+        "name": "url",
+        "description": "The url this item references.",
+        "optional": true,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "shortDesc",
+        "description": "The description of the item. This is used for customizing the tooltip text.",
+        "optional": true,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      }
+    ]
+  },
   {
     "memberof": "oj-c.TagCloud",
     "id": "oj-c.TagCloud.DatatipContext",
@@ -529,8 +635,8 @@
           {
             "target": "Type",
             "value": "K",
-            "for": "id",
-            "jsdocOverride": true
+            "jsdocOverride": true,
+            "for": "id"
           }
         ]
       }

package/oj-c/TextArea.json

@@ -120,7 +120,17 @@
       "names": [
         "object|null"
       ]
-    }
+    },
+    "tstype": [
+      {
+        "target": "Type",
+        "value": "Converter<V>|null",
+        "jsdocOverride": true,
+        "module": {
+          "Converter": "ojconverter"
+        }
+      }
+    ]
   },
   {
     "memberof": "oj-c.TextArea",
@@ -722,7 +732,18 @@
       "names": [
         "Array<object>|null"
       ]
-    }
+    },
+    "tstype": [
+      {
+        "target": "Type",
+        "value": "Array<AsyncValidator<V>|Validator<V>>|null",
+        "jsdocOverride": true,
+        "module": {
+          "AsyncValidator": "ojvalidator-async",
+          "Validator": "ojvalidator"
+        }
+      }
+    ]
   },
   {
     "memberof": "oj-c.TextArea",

package/oj-c/action-card/component.json

@@ -1,7 +1,7 @@
 {
   "name": "action-card",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -16,7 +16,7 @@
   "status": [
     {
       "type": "candidate",
-      "since": "17.0.0"
+      "since": "17.1.0"
     }
   ],
   "extension": {
@@ -35,7 +35,7 @@
       "minColumns": "1"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ActionCardWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ActionCardWebElement.html"
     }
   },
   "since": "16.0.0",

package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.d.ts

@@ -10,7 +10,7 @@ export declare class AreaChartWebElementBase extends OjWebElement {
      * Gets the value of <code>data</code> property.
      * Specifies the DataProvider for the sections and items of the area-chart.
      * @return The value of <code>data</code> property.
-     *
+     * @deprecated Since 17.1.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.
      */
     getData(): Promise<null>;
     /**
@@ -365,7 +365,7 @@ export interface XAxisTickLabel {
     /**
      * The converter to format the axis tick labels.
      */
-    converter: object;
+    converter: object | Array<object>;
     /**
      * Whether the tick labels are rendered or not.
      */

package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js

@@ -13,7 +13,7 @@ class AreaChartWebElementBase extends elements_1.OjWebElement {
      * Gets the value of <code>data</code> property.
      * Specifies the DataProvider for the sections and items of the area-chart.
      * @return The value of <code>data</code> property.
-     *
+     * @deprecated Since 17.1.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.
      */
     getData() {
         return this.getProperty('data');

package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChartWebElementBase.js","sourceRoot":"","sources":["AreaChartWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-area-chart WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, AreaChartWebElement.ts.\n */\nexport class AreaChartWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>data</code> property.\n   * Specifies the DataProvider for the sections and items of the area-chart.\n   * @return The value of <code>data</code> property.\n   *\n   */\n  public getData(): Promise<null> {\n    return this.getProperty<null>('data');\n  }\n\n  /**\n   * Gets the value of <code>seriesComparator</code> property.\n   * A comparator function that determines the ordering of the chart series when using a DataProvider. If undefined, the series will follow the order in which they are found in the data.\n   * @return The value of <code>seriesComparator</code> property.\n   *\n   */\n  public getSeriesComparator(): Promise<null> {\n    return this.getProperty<null>('seriesComparator');\n  }\n\n  /**\n   * Gets the value of <code>groupComparator</code> property.\n   * A comparator function that determines the ordering of the chart groups when using a DataProvider. If undefined, the group will follow the order in which they are found in the data.\n   * @return The value of <code>groupComparator</code> property.\n   *\n   */\n  public getGroupComparator(): Promise<null> {\n    return this.getProperty<null>('groupComparator');\n  }\n\n  /**\n   * Gets the value of <code>stack</code> property.\n   * Defines whether the data items are stacked.\n   * @return The value of <code>stack</code> property.\n   *\n   */\n  public getStack(): Promise<string> {\n    return this.getProperty<string>('stack');\n  }\n\n  /**\n   * Gets the value of <code>drilling</code> property.\n   * Whether drilling is enabled.\n   * @return The value of <code>drilling</code> property.\n   *\n   */\n  public getDrilling(): Promise<string> {\n    return this.getProperty<string>('drilling');\n  }\n\n  /**\n   * Gets the value of <code>orientation</code> property.\n   * The orientation of the chart.\n   * @return The value of <code>orientation</code> property.\n   *\n   */\n  public getOrientation(): Promise<string> {\n    return this.getProperty<string>('orientation');\n  }\n\n  /**\n   * Gets the value of <code>timeAxisType</code> property.\n   * The time axis type of the chart x axis.\n   * @return The value of <code>timeAxisType</code> property.\n   *\n   */\n  public getTimeAxisType(): Promise<string> {\n    return this.getProperty<string>('timeAxisType');\n  }\n\n  /**\n   * Gets the value of <code>yAxis</code> property.\n   * An object defining y axis properties.\n   * @return The value of <code>yAxis</code> property.\n   *\n   */\n  public getYAxis(): Promise<YAxis> {\n    return this.getProperty<YAxis>('yAxis');\n  }\n\n  /**\n   * Gets the value of <code>xAxis</code> property.\n   * An object defining x axis properties.\n   * @return The value of <code>xAxis</code> property.\n   *\n   */\n  public getXAxis(): Promise<XAxis> {\n    return this.getProperty<XAxis>('xAxis');\n  }\n\n  /**\n   * Gets the value of <code>plotArea</code> property.\n   * An object defining the style of the plot area.\n   * @return The value of <code>plotArea</code> property.\n   *\n   */\n  public getPlotArea(): Promise<PlotArea> {\n    return this.getProperty<PlotArea>('plotArea');\n  }\n\n  /**\n   * Gets the value of <code>zoomAndScroll</code> property.\n   * Specifies the zoom and scroll behavior of the chart.\n   * @return The value of <code>zoomAndScroll</code> property.\n   *\n   */\n  public getZoomAndScroll(): Promise<string> {\n    return this.getProperty<string>('zoomAndScroll');\n  }\n\n  /**\n   * Gets the value of <code>valueFormats</code> property.\n   * An object specifying value formatting and tooltip behavior.\n   * @return The value of <code>valueFormats</code> property.\n   *\n   */\n  public getValueFormats(): Promise<ValueFormats> {\n    return this.getProperty<ValueFormats>('valueFormats');\n  }\n\n  /**\n   * Gets the value of <code>selectionMode</code> property.\n   * Specifies the selection mode.\n   * @return The value of <code>selectionMode</code> property.\n   *\n   */\n  public getSelectionMode(): Promise<string> {\n    return this.getProperty<string>('selectionMode');\n  }\n\n  /**\n   * Sets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @param selection The value to set for <code>selection</code>\n   *\n   */\n  public changeSelection(selection: Array<any>): Promise<void> {\n    return this.setProperty<Array<any>>('selection', selection);\n  }\n\n  /**\n   * Gets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @return The value of <code>selection</code> property.\n   *\n   */\n  public getSelection(): Promise<Array<any>> {\n    return this.getProperty<Array<any>>('selection');\n  }\n\n  /**\n   * Sets the value of <code>hiddenCategories</code> property.\n   * An array of category string used for filtering.\n   * @param hiddenCategories The value to set for <code>hiddenCategories</code>\n   *\n   */\n  public changeHiddenCategories(hiddenCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('hiddenCategories', hiddenCategories);\n  }\n\n  /**\n   * Gets the value of <code>hiddenCategories</code> property.\n   * An array of category string used for filtering.\n   * @return The value of <code>hiddenCategories</code> property.\n   *\n   */\n  public getHiddenCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('hiddenCategories');\n  }\n\n  /**\n   * Gets the value of <code>dragMode</code> property.\n   * The action that is performed when a drag occurs on the chart.\n   * @return The value of <code>dragMode</code> property.\n   *\n   */\n  public getDragMode(): Promise<string> {\n    return this.getProperty<string>('dragMode');\n  }\n\n  /**\n   * Sets the value of <code>highlightedCategories</code> property.\n   * An array of category string used for highlighting.\n   * @param highlightedCategories The value to set for <code>highlightedCategories</code>\n   *\n   */\n  public changeHighlightedCategories(highlightedCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('highlightedCategories', highlightedCategories);\n  }\n\n  /**\n   * Gets the value of <code>highlightedCategories</code> property.\n   * An array of category string used for highlighting.\n   * @return The value of <code>highlightedCategories</code> property.\n   *\n   */\n  public getHighlightedCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('highlightedCategories');\n  }\n\n  /**\n   * Gets the value of <code>hideAndShowBehavior</code> property.\n   * Defines the hide and show behavior that is performed when clicking on a leegnd item.\n   * @return The value of <code>hideAndShowBehavior</code> property.\n   *\n   */\n  public getHideAndShowBehavior(): Promise<string> {\n    return this.getProperty<string>('hideAndShowBehavior');\n  }\n\n  /**\n   * Gets the value of <code>hoverBehavior</code> property.\n   * Defines the behavior applied when hovering over data items.\n   * @return The value of <code>hoverBehavior</code> property.\n   *\n   */\n  public getHoverBehavior(): Promise<string> {\n    return this.getProperty<string>('hoverBehavior');\n  }\n\n  /**\n   * Gets the value of <code>highlightMatch</code> property.\n   * The matching condition for the highlighted property.\n   * @return The value of <code>highlightMatch</code> property.\n   *\n   */\n  public getHighlightMatch(): Promise<string> {\n    return this.getProperty<string>('highlightMatch');\n  }\n\n  /**\n   * Gets the value of <code>legend</code> property.\n   * An object defining the style, positioning, and behavior of the legend.\n   * @return The value of <code>legend</code> property.\n   *\n   */\n  public getLegend(): Promise<Legend> {\n    return this.getProperty<Legend>('legend');\n  }\n}\nexport interface YAxis {\n  /**\n   * The maximum value of the chart data.\n   */\n  dataMax: number;\n  /**\n   * The minimum value of the chart data.\n   */\n  dataMin: number;\n  /**\n   * The maximum value of the y axis.\n   */\n  max: number;\n  /**\n   * The minimum value of the y axis.\n   */\n  min: number;\n  /**\n   * The y axis major tick properties.\n   */\n  majorTick: YAxisMajorTick;\n  /**\n   * The y axis minor tick properties.\n   */\n  minorTick: YAxisMinorTick;\n  /**\n   * The y axis tick label properties.\n   */\n  tickLabel: YAxisTickLabel;\n  /**\n   * The current minimum value of y axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of y axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in y axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface YAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface YAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface YAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface XAxis {\n  /**\n   * The x axis major tick properties.\n   */\n  majorTick: XAxisMajorTick;\n  /**\n   * The x axis minor tick properties.\n   */\n  minorTick: XAxisMinorTick;\n  /**\n   * The x axis tick label properties.\n   */\n  tickLabel: XAxisTickLabel;\n  /**\n   * The current minimum value of x axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of x axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in x axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface XAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface XAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface XAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * Whether the ticklabels can be rotated.\n   */\n  rotation: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface PlotArea {\n  /**\n   * The background color of the plot area.\n   */\n  backgroundColor: string;\n}\nexport interface ValueFormats {\n  /**\n   * The object defining formatting and tooltip behavior for the group.\n   */\n  group: ValueFormatsGroup;\n  /**\n   * The object defining formatting and tooltip behavior for the series.\n   */\n  series: ValueFormatsSeries;\n  /**\n   * The object defining formatting and tooltip behavior for the value.\n   */\n  value: ValueFormatsValue;\n}\nexport interface ValueFormatsGroup {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsSeries {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsValue {\n  /**\n   * The converter to format the numerical value for the tooltip.\n   */\n  converter: object;\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface Legend {\n  /**\n   *\n   */\n  position: string;\n  /**\n   *\n   */\n  rendered: string;\n  /**\n   *\n   */\n  maxSize: number | string;\n  /**\n   *\n   */\n  size: number | string;\n  /**\n   *\n   */\n  symbolHeight: number;\n  /**\n   *\n   */\n  symbolWidth: number;\n}\n"]}
+{"version":3,"file":"AreaChartWebElementBase.js","sourceRoot":"","sources":["AreaChartWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-area-chart WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, AreaChartWebElement.ts.\n */\nexport class AreaChartWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>data</code> property.\n   * Specifies the DataProvider for the sections and items of the area-chart.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 17.1.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<null> {\n    return this.getProperty<null>('data');\n  }\n\n  /**\n   * Gets the value of <code>seriesComparator</code> property.\n   * A comparator function that determines the ordering of the chart series when using a DataProvider. If undefined, the series will follow the order in which they are found in the data.\n   * @return The value of <code>seriesComparator</code> property.\n   *\n   */\n  public getSeriesComparator(): Promise<null> {\n    return this.getProperty<null>('seriesComparator');\n  }\n\n  /**\n   * Gets the value of <code>groupComparator</code> property.\n   * A comparator function that determines the ordering of the chart groups when using a DataProvider. If undefined, the group will follow the order in which they are found in the data.\n   * @return The value of <code>groupComparator</code> property.\n   *\n   */\n  public getGroupComparator(): Promise<null> {\n    return this.getProperty<null>('groupComparator');\n  }\n\n  /**\n   * Gets the value of <code>stack</code> property.\n   * Defines whether the data items are stacked.\n   * @return The value of <code>stack</code> property.\n   *\n   */\n  public getStack(): Promise<string> {\n    return this.getProperty<string>('stack');\n  }\n\n  /**\n   * Gets the value of <code>drilling</code> property.\n   * Whether drilling is enabled.\n   * @return The value of <code>drilling</code> property.\n   *\n   */\n  public getDrilling(): Promise<string> {\n    return this.getProperty<string>('drilling');\n  }\n\n  /**\n   * Gets the value of <code>orientation</code> property.\n   * The orientation of the chart.\n   * @return The value of <code>orientation</code> property.\n   *\n   */\n  public getOrientation(): Promise<string> {\n    return this.getProperty<string>('orientation');\n  }\n\n  /**\n   * Gets the value of <code>timeAxisType</code> property.\n   * The time axis type of the chart x axis.\n   * @return The value of <code>timeAxisType</code> property.\n   *\n   */\n  public getTimeAxisType(): Promise<string> {\n    return this.getProperty<string>('timeAxisType');\n  }\n\n  /**\n   * Gets the value of <code>yAxis</code> property.\n   * An object defining y axis properties.\n   * @return The value of <code>yAxis</code> property.\n   *\n   */\n  public getYAxis(): Promise<YAxis> {\n    return this.getProperty<YAxis>('yAxis');\n  }\n\n  /**\n   * Gets the value of <code>xAxis</code> property.\n   * An object defining x axis properties.\n   * @return The value of <code>xAxis</code> property.\n   *\n   */\n  public getXAxis(): Promise<XAxis> {\n    return this.getProperty<XAxis>('xAxis');\n  }\n\n  /**\n   * Gets the value of <code>plotArea</code> property.\n   * An object defining the style of the plot area.\n   * @return The value of <code>plotArea</code> property.\n   *\n   */\n  public getPlotArea(): Promise<PlotArea> {\n    return this.getProperty<PlotArea>('plotArea');\n  }\n\n  /**\n   * Gets the value of <code>zoomAndScroll</code> property.\n   * Specifies the zoom and scroll behavior of the chart.\n   * @return The value of <code>zoomAndScroll</code> property.\n   *\n   */\n  public getZoomAndScroll(): Promise<string> {\n    return this.getProperty<string>('zoomAndScroll');\n  }\n\n  /**\n   * Gets the value of <code>valueFormats</code> property.\n   * An object specifying value formatting and tooltip behavior.\n   * @return The value of <code>valueFormats</code> property.\n   *\n   */\n  public getValueFormats(): Promise<ValueFormats> {\n    return this.getProperty<ValueFormats>('valueFormats');\n  }\n\n  /**\n   * Gets the value of <code>selectionMode</code> property.\n   * Specifies the selection mode.\n   * @return The value of <code>selectionMode</code> property.\n   *\n   */\n  public getSelectionMode(): Promise<string> {\n    return this.getProperty<string>('selectionMode');\n  }\n\n  /**\n   * Sets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @param selection The value to set for <code>selection</code>\n   *\n   */\n  public changeSelection(selection: Array<any>): Promise<void> {\n    return this.setProperty<Array<any>>('selection', selection);\n  }\n\n  /**\n   * Gets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @return The value of <code>selection</code> property.\n   *\n   */\n  public getSelection(): Promise<Array<any>> {\n    return this.getProperty<Array<any>>('selection');\n  }\n\n  /**\n   * Sets the value of <code>hiddenCategories</code> property.\n   * An array of category string used for filtering.\n   * @param hiddenCategories The value to set for <code>hiddenCategories</code>\n   *\n   */\n  public changeHiddenCategories(hiddenCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('hiddenCategories', hiddenCategories);\n  }\n\n  /**\n   * Gets the value of <code>hiddenCategories</code> property.\n   * An array of category string used for filtering.\n   * @return The value of <code>hiddenCategories</code> property.\n   *\n   */\n  public getHiddenCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('hiddenCategories');\n  }\n\n  /**\n   * Gets the value of <code>dragMode</code> property.\n   * The action that is performed when a drag occurs on the chart.\n   * @return The value of <code>dragMode</code> property.\n   *\n   */\n  public getDragMode(): Promise<string> {\n    return this.getProperty<string>('dragMode');\n  }\n\n  /**\n   * Sets the value of <code>highlightedCategories</code> property.\n   * An array of category string used for highlighting.\n   * @param highlightedCategories The value to set for <code>highlightedCategories</code>\n   *\n   */\n  public changeHighlightedCategories(highlightedCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('highlightedCategories', highlightedCategories);\n  }\n\n  /**\n   * Gets the value of <code>highlightedCategories</code> property.\n   * An array of category string used for highlighting.\n   * @return The value of <code>highlightedCategories</code> property.\n   *\n   */\n  public getHighlightedCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('highlightedCategories');\n  }\n\n  /**\n   * Gets the value of <code>hideAndShowBehavior</code> property.\n   * Defines the hide and show behavior that is performed when clicking on a leegnd item.\n   * @return The value of <code>hideAndShowBehavior</code> property.\n   *\n   */\n  public getHideAndShowBehavior(): Promise<string> {\n    return this.getProperty<string>('hideAndShowBehavior');\n  }\n\n  /**\n   * Gets the value of <code>hoverBehavior</code> property.\n   * Defines the behavior applied when hovering over data items.\n   * @return The value of <code>hoverBehavior</code> property.\n   *\n   */\n  public getHoverBehavior(): Promise<string> {\n    return this.getProperty<string>('hoverBehavior');\n  }\n\n  /**\n   * Gets the value of <code>highlightMatch</code> property.\n   * The matching condition for the highlighted property.\n   * @return The value of <code>highlightMatch</code> property.\n   *\n   */\n  public getHighlightMatch(): Promise<string> {\n    return this.getProperty<string>('highlightMatch');\n  }\n\n  /**\n   * Gets the value of <code>legend</code> property.\n   * An object defining the style, positioning, and behavior of the legend.\n   * @return The value of <code>legend</code> property.\n   *\n   */\n  public getLegend(): Promise<Legend> {\n    return this.getProperty<Legend>('legend');\n  }\n}\nexport interface YAxis {\n  /**\n   * The maximum value of the chart data.\n   */\n  dataMax: number;\n  /**\n   * The minimum value of the chart data.\n   */\n  dataMin: number;\n  /**\n   * The maximum value of the y axis.\n   */\n  max: number;\n  /**\n   * The minimum value of the y axis.\n   */\n  min: number;\n  /**\n   * The y axis major tick properties.\n   */\n  majorTick: YAxisMajorTick;\n  /**\n   * The y axis minor tick properties.\n   */\n  minorTick: YAxisMinorTick;\n  /**\n   * The y axis tick label properties.\n   */\n  tickLabel: YAxisTickLabel;\n  /**\n   * The current minimum value of y axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of y axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in y axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface YAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface YAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface YAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface XAxis {\n  /**\n   * The x axis major tick properties.\n   */\n  majorTick: XAxisMajorTick;\n  /**\n   * The x axis minor tick properties.\n   */\n  minorTick: XAxisMinorTick;\n  /**\n   * The x axis tick label properties.\n   */\n  tickLabel: XAxisTickLabel;\n  /**\n   * The current minimum value of x axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of x axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in x axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface XAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface XAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface XAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object | Array<object>;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * Whether the ticklabels can be rotated.\n   */\n  rotation: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface PlotArea {\n  /**\n   * The background color of the plot area.\n   */\n  backgroundColor: string;\n}\nexport interface ValueFormats {\n  /**\n   * The object defining formatting and tooltip behavior for the group.\n   */\n  group: ValueFormatsGroup;\n  /**\n   * The object defining formatting and tooltip behavior for the series.\n   */\n  series: ValueFormatsSeries;\n  /**\n   * The object defining formatting and tooltip behavior for the value.\n   */\n  value: ValueFormatsValue;\n}\nexport interface ValueFormatsGroup {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsSeries {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsValue {\n  /**\n   * The converter to format the numerical value for the tooltip.\n   */\n  converter: object;\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface Legend {\n  /**\n   *\n   */\n  position: string;\n  /**\n   *\n   */\n  rendered: string;\n  /**\n   *\n   */\n  maxSize: number | string;\n  /**\n   *\n   */\n  size: number | string;\n  /**\n   *\n   */\n  symbolHeight: number;\n  /**\n   *\n   */\n  symbolWidth: number;\n}\n"]}

package/oj-c/area-chart/area-chart.js

@@ -2,10 +2,11 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AreaChart = void 0;
-    function AreaChartComp({ data, hideAndShowBehavior = 'none', orientation = 'vertical', xAxis, yAxis, hoverBehavior = 'none', valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling = 'off', hiddenCategories = [], highlightedCategories = [], highlightMatch = 'any', selection = [], selectionMode = 'none', timeAxisType, stack = 'off', legend = {
-        rendered: 'on',
-        position: 'auto'
-    }, ...props }) {
+    const HIGHLIGHTED_DEFAULT = [];
+    const SELECTION_DEFAULT = [];
+    const HIDDEN_DEFAULT = [];
+    const LEGEND_DEFAULT = { rendered: 'on', position: 'auto' };
+    function AreaChartComp({ data, hideAndShowBehavior = 'none', orientation = 'vertical', xAxis, yAxis, hoverBehavior = 'none', valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling = 'off', hiddenCategories = HIDDEN_DEFAULT, highlightedCategories = HIGHLIGHTED_DEFAULT, highlightMatch = 'any', selection = SELECTION_DEFAULT, selectionMode = 'none', timeAxisType, stack = 'off', legend = LEGEND_DEFAULT, ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
         const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-area-chart');
         const { series, groups, getDataItem, isLoading } = (0, useChartData_1.useChartData)(data, addBusyState, itemTemplate, seriesTemplate, groupTemplate, 'oj-c-area-chart-item', 'oj-c-area-chart-series', 'oj-c-area-chart-group', seriesComparator, groupComparator);
@@ -43,7 +44,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         const chartLegend = isLegendRendered && legendData.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_Legend_1.Legend, { items: legendData, orientation: legendPosition === 'start' || legendPosition === 'end' ? 'vertical' : 'horizontal', isReadOnly: !isLegendInteractive, highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds.length === 0 ? undefined : hiddenIds, symbolHeight: legend.symbolHeight, symbolWidth: legend.symbolWidth, onItemAction: legendItemActionHandler, onItemHover: legendItemInputHandler, onItemFocus: legendItemInputHandler })) : undefined;
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(UNSAFE_VisProgressiveLoader_1.VisProgressiveLoader, { isLoading: isLoading, type: "area", "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], children: (0, jsx_runtime_1.jsx)(UNSAFE_ChartWithLegend_1.ChartWithLegend, { chart: chart, position: legendPosition, maxSize: legend.maxSize, size: legend.size, legend: chartLegend }) }) }));
     }
-    exports.AreaChart = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart', AreaChartComp, "AreaChart", { "properties": { "data": { "type": "DataProvider|null" }, "seriesComparator": { "type": "function" }, "groupComparator": { "type": "function" }, "stack": { "type": "string", "enumValues": ["off", "on"] }, "drilling": { "type": "string", "enumValues": ["off", "on"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "timeAxisType": { "type": "string", "enumValues": ["enabled", "mixedFrequency", "skipGaps"] }, "yAxis": { "type": "object", "properties": { "dataMax": { "type": "number" }, "dataMin": { "type": "number" }, "max": { "type": "number" }, "min": { "type": "number" }, "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object|" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "rotation": { "type": "string", "enumValues": ["auto", "none"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "plotArea": { "type": "object", "properties": { "backgroundColor": { "type": "string" } } }, "zoomAndScroll": { "type": "string", "enumValues": ["off", "live"] }, "valueFormats": { "type": "object", "properties": { "group": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "series": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "value": { "type": "object", "properties": { "converter": { "type": "object" }, "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } } } }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "dragMode": { "type": "string", "enumValues": ["pan", "select", "off", "user", "zoom"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["none", "withoutRescale", "withRescale"] }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "legend": { "type": "object", "properties": { "position": { "type": "string", "enumValues": ["auto", "end", "start", "top", "bottom"] }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] }, "maxSize": { "type": "number|string" }, "size": { "type": "number|string" }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" } } } }, "slots": { "itemTemplate": { "data": {} }, "seriesTemplate": { "data": {} }, "groupTemplate": { "data": {} } }, "events": { "ojViewportChange": {}, "ojItemDrill": {}, "ojGroupDrill": {}, "ojSeriesDrill": {} }, "extension": { "_WRITEBACK_PROPS": ["selection", "hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hideAndShowBehavior": "none", "orientation": "vertical", "hoverBehavior": "none", "drilling": "off", "hiddenCategories": [], "highlightedCategories": [], "highlightMatch": "any", "selection": [], "selectionMode": "none", "stack": "off", "legend": { "rendered": "on", "position": "auto" } }, {
+    exports.AreaChart = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart', AreaChartComp, "AreaChart", { "properties": { "data": { "type": "DataProvider|null" }, "seriesComparator": { "type": "function" }, "groupComparator": { "type": "function" }, "stack": { "type": "string", "enumValues": ["off", "on"] }, "drilling": { "type": "string", "enumValues": ["off", "on"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "timeAxisType": { "type": "string", "enumValues": ["enabled", "mixedFrequency", "skipGaps"] }, "yAxis": { "type": "object", "properties": { "dataMax": { "type": "number" }, "dataMin": { "type": "number" }, "max": { "type": "number" }, "min": { "type": "number" }, "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object|Array<object>" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "rotation": { "type": "string", "enumValues": ["auto", "none"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "plotArea": { "type": "object", "properties": { "backgroundColor": { "type": "string" } } }, "zoomAndScroll": { "type": "string", "enumValues": ["off", "live"] }, "valueFormats": { "type": "object", "properties": { "group": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "series": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "value": { "type": "object", "properties": { "converter": { "type": "object" }, "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } } } }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "dragMode": { "type": "string", "enumValues": ["pan", "select", "off", "user", "zoom"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["none", "withoutRescale", "withRescale"] }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "legend": { "type": "object", "properties": { "position": { "type": "string", "enumValues": ["auto", "end", "start", "top", "bottom"] }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] }, "maxSize": { "type": "number|string" }, "size": { "type": "number|string" }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" } } } }, "slots": { "itemTemplate": { "data": {} }, "seriesTemplate": { "data": {} }, "groupTemplate": { "data": {} } }, "events": { "ojViewportChange": {}, "ojItemDrill": {}, "ojGroupDrill": {}, "ojSeriesDrill": {} }, "extension": { "_WRITEBACK_PROPS": ["selection", "hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hideAndShowBehavior": "none", "orientation": "vertical", "hoverBehavior": "none", "drilling": "off", "hiddenCategories": [], "highlightedCategories": [], "highlightMatch": "any", "selection": [], "selectionMode": "none", "stack": "off", "legend": { "rendered": "on", "position": "auto" } }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });

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

@@ -1,7 +1,7 @@
 {
   "name": "area-chart",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -35,7 +35,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/AreaChartWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/AreaChartWebElement.html"
     }
   },
   "propertyLayout": [
@@ -64,7 +64,18 @@
       "type": "DataProvider|null",
       "description": "Specifies the DataProvider for the sections and items of the area-chart.",
       "displayName": "Data",
-      "help": "#data"
+      "help": "#data",
+      "extension": {
+        "webelement": {
+          "exceptionStatus": [
+            {
+              "type": "deprecated",
+              "since": "17.1.0",
+              "description": "Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead."
+            }
+          ]
+        }
+      }
     },
     "seriesComparator": {
       "type": "function",
@@ -146,6 +157,20 @@
       "description": "The time axis type of the chart x axis.",
       "displayName": "TimeAxisType",
       "help": "#timeAxisType",
+      "propertyEditorValues": {
+        "enabled": {
+          "description": "The regular time axis type. Time values are passed using <a target='_blank' href='oj-c.AreaChartItem.html'>oj-c-area-chart-item</a> group-id attribute.",
+          "displayName": "Regular"
+        },
+        "mixedFrequency": {
+          "description": "The mixed frequency time axis type. The mixed frequency time axis type is used when different series have different sampling frequencies. Time values are passed using <a target='_blank' href='oj-c.AreaChartItem.html'>oj-c-area-chart-item</a> x attribute.",
+          "displayName": "MixedFrequency"
+        },
+        "skipGaps": {
+          "description": "The regular time axis type. Time values are passed using <a target='_blank' href='oj-c.AreaChartItem.html'>oj-c-area-chart-item</a> group-id attribute. Gap between time values will be ignored.",
+          "displayName": "SkipGaps"
+        }
+      },
       "enumValues": [
         "enabled",
         "mixedFrequency",
@@ -541,7 +566,7 @@
           "displayName": "Tick Label",
           "properties": {
             "converter": {
-              "type": "object|",
+              "type": "object|Array<object>",
               "description": "The converter to format the axis tick labels.",
               "displayName": "Converter"
             },

package/oj-c/area-chart-group/component.json

@@ -1,7 +1,7 @@
 {
   "name": "area-chart-group",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

package/oj-c/area-chart-item/component.json

@@ -1,7 +1,7 @@
 {
   "name": "area-chart-item",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

package/oj-c/area-chart-series/component.json

@@ -1,7 +1,7 @@
 {
   "name": "area-chart-series",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

package/oj-c/avatar/component.json

@@ -1,7 +1,7 @@
 {
   "name": "avatar",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -36,7 +36,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/AvatarWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/AvatarWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/button/component.json

@@ -1,7 +1,7 @@
 {
   "name": "button",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -27,7 +27,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ButtonWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -112,7 +112,7 @@
       "help": "#size",
       "propertyEditorValues": {
         "xs": {
-          "description": "Display an extra small button.  Only suppported for component developers with ghost chroming in icon display mode.",
+          "description": "Display an extra small button.  Only supported for component developers with ghost chroming in icon display mode.",
           "displayName": "Extra Small"
         },
         "sm": {

package/oj-c/buttonset-multiple/component.json

@@ -1,7 +1,7 @@
 {
   "name": "buttonset-multiple",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -27,13 +27,13 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ButtonsetMultipleWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ButtonsetMultipleWebElement.html"
     }
   },
   "since": "17.0.0",
   "status": [
     {
-      "type": "supersedes",
+      "type": "candidate",
       "since": "17.0.0",
       "value": [
         "oj-buttonset-many"

package/oj-c/buttonset-single/component.json

@@ -1,7 +1,7 @@
 {
   "name": "buttonset-single",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -27,13 +27,13 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ButtonsetSingleWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ButtonsetSingleWebElement.html"
     }
   },
   "since": "17.0.0",
   "status": [
     {
-      "type": "supersedes",
+      "type": "candidate",
       "since": "17.0.0",
       "value": [
         "oj-buttonset-one"

package/oj-c/card-view/__webdriver__/CardViewWebElement.js

@@ -49,20 +49,12 @@ class CardViewWebElement extends CardViewWebElementBase_1.CardViewWebElementBase
      */
     async findItem(itemLocator) {
         await this.whenReady();
-        let el = await this.getDriver().executeScript(`
-      const ele = arguments[0].querySelectorAll('[role = gridcell]')
-      for(let i = 0; i<ele.length; i++){
-        if(ele[i].getAttribute('data-oj-key') === arguments[1].toString()){
-          return ele[i];
+        try {
+            await this.whenReady();
+            return (0, oraclejet_webdriver_1.slotProxy)(await this.findElement(selenium_webdriver_1.By.css(`[role="gridcell"][data-oj-key="${itemLocator.key}"]`)));
         }
-      }
-    `, this, itemLocator.key);
-        if (el) {
-            el = el.findElement(selenium_webdriver_1.By.css('[role="group"]'));
-            return (0, oraclejet_webdriver_1.slotProxy)(el, this);
-        }
-        else {
-            throw Error(`No corresponding item found for the itemLocator`);
+        catch (ex) {
+            throw Error(`No corresponding item found for the itemLocator ${JSON.stringify(itemLocator, null, 2)}`);
         }
     }
 }