@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

package/oj-c/date-picker/__webdriver__/DatePickerWebElement.d.ts

@@ -0,0 +1,8 @@
+import { DatePickerWebElementBase } from './DatePickerWebElementBase';
+/**
+ * The component WebElement for [oj-c-date-picker](../../../oj-c/docs/oj.DatePicker.html).
+ * Do not instantiate this class directly, instead, use
+ * [findDatePicker](../functions/findDatePicker.html).
+ */
+export declare class DatePickerWebElement extends DatePickerWebElementBase {
+}

package/oj-c/date-picker/__webdriver__/DatePickerWebElement.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerWebElement = void 0;
+var DatePickerWebElementBase_1 = require("./DatePickerWebElementBase");
+/**
+ * The component WebElement for [oj-c-date-picker](../../../oj-c/docs/oj.DatePicker.html).
+ * Do not instantiate this class directly, instead, use
+ * [findDatePicker](../functions/findDatePicker.html).
+ */
+class DatePickerWebElement extends DatePickerWebElementBase_1.DatePickerWebElementBase {
+}
+exports.DatePickerWebElement = DatePickerWebElement;
+//# sourceMappingURL=DatePickerWebElement.js.map

package/oj-c/date-picker/__webdriver__/DatePickerWebElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerWebElement.js","sourceRoot":"","sources":["DatePickerWebElement.ts"],"names":[],"mappings":";;;AAAA,uEAAsE;AAEtE;;;;GAIG;AACH,MAAa,oBAAqB,SAAQ,mDAAwB;CAEjE;AAFD,oDAEC","sourcesContent":["import { DatePickerWebElementBase } from './DatePickerWebElementBase';\n\n/**\n * The component WebElement for [oj-c-date-picker](../../../oj-c/docs/oj.DatePicker.html).\n * Do not instantiate this class directly, instead, use\n * [findDatePicker](../functions/findDatePicker.html).\n */\nexport class DatePickerWebElement extends DatePickerWebElementBase {\n  // Put overrides here\n}\n"]}

package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.d.ts

@@ -0,0 +1,93 @@
+import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';
+/**
+ * This is the base class for oj-c-date-picker WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, DatePickerWebElement.ts.
+ */
+export declare class DatePickerWebElementBase extends OjWebElement {
+    /**
+     * Gets the value of <code>dayFormatter</code> property.
+     *
+     * @return The value of <code>dayFormatter</code> property.
+     *
+     */
+    getDayFormatter(): Promise<null>;
+    /**
+     * Gets the value of <code>daysOutsideMonth</code> property.
+     *
+     * @return The value of <code>daysOutsideMonth</code> property.
+     *
+     */
+    getDaysOutsideMonth(): Promise<string>;
+    /**
+     * Gets the value of <code>monthAndYearPicker</code> property.
+     *
+     * @return The value of <code>monthAndYearPicker</code> property.
+     *
+     */
+    getMonthAndYearPicker(): Promise<string>;
+    /**
+     * Gets the value of <code>max</code> property.
+     * The maximum selectable date, in ISO string format
+     * @return The value of <code>max</code> property.
+     *
+     */
+    getMax(): Promise<string | null>;
+    /**
+     * Gets the value of <code>maxWidth</code> property.
+     * Specifies the component style maxWidth.
+     * @return The value of <code>maxWidth</code> property.
+     *
+     */
+    getMaxWidth(): Promise<number | string>;
+    /**
+     * Gets the value of <code>min</code> property.
+     * The maximum selectable date, in ISO string format
+     * @return The value of <code>min</code> property.
+     *
+     */
+    getMin(): Promise<string | null>;
+    /**
+     * Gets the value of <code>readonly</code> property.
+     *
+     * @return The value of <code>readonly</code> property.
+     *
+     */
+    getReadonly(): Promise<boolean>;
+    /**
+     * Gets the value of <code>todayButton</code> property.
+     *
+     * @return The value of <code>todayButton</code> property.
+     *
+     */
+    getTodayButton(): Promise<string>;
+    /**
+     * Gets the value of <code>todayTimeZone</code> property.
+     *
+     * @return The value of <code>todayTimeZone</code> property.
+     *
+     */
+    getTodayTimeZone(): Promise<string>;
+    /**
+     * Sets the value of <code>value</code> property.
+     *
+     * @param value The value to set for <code>value</code>
+     *
+     */
+    changeValue(value: string | null): Promise<void>;
+    /**
+     * Gets the value of <code>value</code> property.
+     *
+     * @return The value of <code>value</code> property.
+     *
+     */
+    getValue(): Promise<string | null>;
+    /**
+     * Gets the value of <code>width</code> property.
+     * Specifies the component style width.
+     * @return The value of <code>width</code> property.
+     *
+     */
+    getWidth(): Promise<number | string>;
+}

package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-date-picker WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, DatePickerWebElement.ts.
+ */
+class DatePickerWebElementBase extends elements_1.OjWebElement {
+    /**
+     * Gets the value of <code>dayFormatter</code> property.
+     *
+     * @return The value of <code>dayFormatter</code> property.
+     *
+     */
+    getDayFormatter() {
+        return this.getProperty('dayFormatter');
+    }
+    /**
+     * Gets the value of <code>daysOutsideMonth</code> property.
+     *
+     * @return The value of <code>daysOutsideMonth</code> property.
+     *
+     */
+    getDaysOutsideMonth() {
+        return this.getProperty('daysOutsideMonth');
+    }
+    /**
+     * Gets the value of <code>monthAndYearPicker</code> property.
+     *
+     * @return The value of <code>monthAndYearPicker</code> property.
+     *
+     */
+    getMonthAndYearPicker() {
+        return this.getProperty('monthAndYearPicker');
+    }
+    /**
+     * Gets the value of <code>max</code> property.
+     * The maximum selectable date, in ISO string format
+     * @return The value of <code>max</code> property.
+     *
+     */
+    getMax() {
+        return this.getProperty('max');
+    }
+    /**
+     * Gets the value of <code>maxWidth</code> property.
+     * Specifies the component style maxWidth.
+     * @return The value of <code>maxWidth</code> property.
+     *
+     */
+    getMaxWidth() {
+        return this.getProperty('maxWidth');
+    }
+    /**
+     * Gets the value of <code>min</code> property.
+     * The maximum selectable date, in ISO string format
+     * @return The value of <code>min</code> property.
+     *
+     */
+    getMin() {
+        return this.getProperty('min');
+    }
+    /**
+     * Gets the value of <code>readonly</code> property.
+     *
+     * @return The value of <code>readonly</code> property.
+     *
+     */
+    getReadonly() {
+        return this.getProperty('readonly');
+    }
+    /**
+     * Gets the value of <code>todayButton</code> property.
+     *
+     * @return The value of <code>todayButton</code> property.
+     *
+     */
+    getTodayButton() {
+        return this.getProperty('todayButton');
+    }
+    /**
+     * Gets the value of <code>todayTimeZone</code> property.
+     *
+     * @return The value of <code>todayTimeZone</code> property.
+     *
+     */
+    getTodayTimeZone() {
+        return this.getProperty('todayTimeZone');
+    }
+    /**
+     * Sets the value of <code>value</code> property.
+     *
+     * @param value The value to set for <code>value</code>
+     *
+     */
+    changeValue(value) {
+        return this.setProperty('value', value);
+    }
+    /**
+     * Gets the value of <code>value</code> property.
+     *
+     * @return The value of <code>value</code> property.
+     *
+     */
+    getValue() {
+        return this.getProperty('value');
+    }
+    /**
+     * Gets the value of <code>width</code> property.
+     * Specifies the component style width.
+     * @return The value of <code>width</code> property.
+     *
+     */
+    getWidth() {
+        return this.getProperty('width');
+    }
+}
+exports.DatePickerWebElementBase = DatePickerWebElementBase;
+//# sourceMappingURL=DatePickerWebElementBase.js.map

package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerWebElementBase.js","sourceRoot":"","sources":["DatePickerWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,wBAAyB,SAAQ,uBAAY;IACxD;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAO,cAAc,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,mBAAmB;QACxB,OAAO,IAAI,CAAC,WAAW,CAAS,kBAAkB,CAAC,CAAC;IACtD,CAAC;IAED;;;;;OAKG;IACI,qBAAqB;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAS,oBAAoB,CAAC,CAAC;IACxD,CAAC;IAED;;;;;OAKG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,WAAW,CAAgB,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAkB,UAAU,CAAC,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,WAAW,CAAgB,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAU,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,gBAAgB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAS,eAAe,CAAC,CAAC;IACnD,CAAC;IAED;;;;;OAKG;IACI,WAAW,CAAC,KAAoB;QACrC,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAkB,OAAO,CAAC,CAAC;IACpD,CAAC;CACF;AAxHD,4DAwHC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-date-picker 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, DatePickerWebElement.ts.\n */\nexport class DatePickerWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>dayFormatter</code> property.\n   *\n   * @return The value of <code>dayFormatter</code> property.\n   *\n   */\n  public getDayFormatter(): Promise<null> {\n    return this.getProperty<null>('dayFormatter');\n  }\n\n  /**\n   * Gets the value of <code>daysOutsideMonth</code> property.\n   *\n   * @return The value of <code>daysOutsideMonth</code> property.\n   *\n   */\n  public getDaysOutsideMonth(): Promise<string> {\n    return this.getProperty<string>('daysOutsideMonth');\n  }\n\n  /**\n   * Gets the value of <code>monthAndYearPicker</code> property.\n   *\n   * @return The value of <code>monthAndYearPicker</code> property.\n   *\n   */\n  public getMonthAndYearPicker(): Promise<string> {\n    return this.getProperty<string>('monthAndYearPicker');\n  }\n\n  /**\n   * Gets the value of <code>max</code> property.\n   * The maximum selectable date, in ISO string format\n   * @return The value of <code>max</code> property.\n   *\n   */\n  public getMax(): Promise<string | null> {\n    return this.getProperty<string | null>('max');\n  }\n\n  /**\n   * Gets the value of <code>maxWidth</code> property.\n   * Specifies the component style maxWidth.\n   * @return The value of <code>maxWidth</code> property.\n   *\n   */\n  public getMaxWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('maxWidth');\n  }\n\n  /**\n   * Gets the value of <code>min</code> property.\n   * The maximum selectable date, in ISO string format\n   * @return The value of <code>min</code> property.\n   *\n   */\n  public getMin(): Promise<string | null> {\n    return this.getProperty<string | null>('min');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   *\n   * @return The value of <code>readonly</code> property.\n   *\n   */\n  public getReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('readonly');\n  }\n\n  /**\n   * Gets the value of <code>todayButton</code> property.\n   *\n   * @return The value of <code>todayButton</code> property.\n   *\n   */\n  public getTodayButton(): Promise<string> {\n    return this.getProperty<string>('todayButton');\n  }\n\n  /**\n   * Gets the value of <code>todayTimeZone</code> property.\n   *\n   * @return The value of <code>todayTimeZone</code> property.\n   *\n   */\n  public getTodayTimeZone(): Promise<string> {\n    return this.getProperty<string>('todayTimeZone');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   *\n   * @param value The value to set for <code>value</code>\n   *\n   */\n  public changeValue(value: string | null): Promise<void> {\n    return this.setProperty<string | null>('value', value);\n  }\n\n  /**\n   * Gets the value of <code>value</code> property.\n   *\n   * @return The value of <code>value</code> property.\n   *\n   */\n  public getValue(): Promise<string | null> {\n    return this.getProperty<string | null>('value');\n  }\n\n  /**\n   * Gets the value of <code>width</code> property.\n   * Specifies the component style width.\n   * @return The value of <code>width</code> property.\n   *\n   */\n  public getWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('width');\n  }\n}\n"]}

package/oj-c/date-picker/__webdriver__/index.d.ts

@@ -0,0 +1,17 @@
+import { By } from 'selenium-webdriver';
+import { DriverLike } from '@oracle/oraclejet-webdriver';
+import { DatePickerWebElement } from './DatePickerWebElement';
+export { DatePickerWebElement };
+/**
+ * Retrieve an instance of [DatePickerWebElement](../classes/DatePickerWebElement.html).
+ * @example
+ * ```javascript
+ * import { findDatePicker } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findDatePicker(driver, By.id('my-oj-c-date-picker'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+export declare function findDatePicker(driver: DriverLike, by: By): Promise<DatePickerWebElement>;

package/oj-c/date-picker/__webdriver__/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findDatePicker = exports.DatePickerWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var DatePickerWebElement_1 = require("./DatePickerWebElement");
+Object.defineProperty(exports, "DatePickerWebElement", { enumerable: true, get: function () { return DatePickerWebElement_1.DatePickerWebElement; } });
+/**
+ * Retrieve an instance of [DatePickerWebElement](../classes/DatePickerWebElement.html).
+ * @example
+ * ```javascript
+ * import { findDatePicker } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findDatePicker(driver, By.id('my-oj-c-date-picker'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+async function findDatePicker(driver, by) {
+    const webEl = await driver.findElement(by);
+    // Check that the element is of type DatePickerWebElement
+    if (!(webEl instanceof DatePickerWebElement_1.DatePickerWebElement)) {
+        const tagName = await webEl.getTagName();
+        let supplemental = '';
+        if (webEl.constructor.name === 'DatePickerWebElement') {
+            supplemental = 'You likely have multiple installations of this package.';
+        }
+        throw Error(`findDatePicker(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${DatePickerWebElement_1.DatePickerWebElement.name}. ${supplemental}`);
+    }
+    return webEl;
+}
+exports.findDatePicker = findDatePicker;
+(0, oraclejet_webdriver_1.register)('oj-c-date-picker', DatePickerWebElement_1.DatePickerWebElement);
+//# sourceMappingURL=index.js.map

package/oj-c/date-picker/__webdriver__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,+DAA8D;AACrD,qGADA,2CAAoB,OACA;AAE7B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,cAAc,CAAC,MAAkB,EAAE,EAAM;IAC7D,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,yDAAyD;IACzD,IAAI,CAAC,CAAC,KAAK,YAAY,2CAAoB,CAAC,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,sBAAsB,EAAE,CAAC;YACtD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,kBAAkB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,2CAAoB,CAAC,IAAI,KAAK,YAAY,EAAE,CACvI,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAdD,wCAcC;AAED,IAAA,8BAAQ,EAAC,kBAAkB,EAAE,2CAAoB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { DatePickerWebElement } from './DatePickerWebElement';\nexport { DatePickerWebElement };\n\n/**\n * Retrieve an instance of [DatePickerWebElement](../classes/DatePickerWebElement.html).\n * @example\n * ```javascript\n * import { findDatePicker } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findDatePicker(driver, By.id('my-oj-c-date-picker'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findDatePicker(driver: DriverLike, by: By): Promise<DatePickerWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type DatePickerWebElement\n  if (!(webEl instanceof DatePickerWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'DatePickerWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findDatePicker(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${DatePickerWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-date-picker', DatePickerWebElement);\n"]}

package/oj-c/date-picker/component.json

@@ -0,0 +1,179 @@
+{
+  "name": "date-picker",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CDatePickerElement"
+  ],
+  "description": "A DatePicker is a calendar interface that allows users to select a single date.",
+  "displayName": "DatePicker",
+  "help": "oj-c.DatePicker.html",
+  "main": "oj-c/date-picker",
+  "extension": {
+    "catalog": {
+      "category": "Forms"
+    },
+    "vbdt": {
+      "module": "oj-c/date-picker"
+    },
+    "oracle": {
+      "icon": "oj-ux-ico-date"
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DatePickerWebElement.html"
+    }
+  },
+  "since": "17.0.0",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
+  "properties": {
+    "dayFormatter": {
+      "type": "function"
+    },
+    "daysOutsideMonth": {
+      "type": "string",
+      "propertyEditorValues": {
+        "hidden": {
+          "description": "The days outside of the current month will be hidden.",
+          "displayName": "Hidden"
+        },
+        "selectable": {
+          "description": "The days outside of the current month will be visible and selectable.",
+          "displayName": "Selectable"
+        }
+      },
+      "enumValues": [
+        "hidden",
+        "selectable"
+      ],
+      "value": "hidden"
+    },
+    "monthAndYearPicker": {
+      "type": "string",
+      "propertyEditorValues": {
+        "on": {
+          "description": "The month and year toggle buttons will be shown.",
+          "displayName": "On"
+        },
+        "off": {
+          "description": "The month and year toggle buttons will not be shown and the date picker renders the month and the year as text.",
+          "displayName": "Off"
+        }
+      },
+      "enumValues": [
+        "off",
+        "on"
+      ],
+      "value": "on"
+    },
+    "max": {
+      "type": "string|null",
+      "description": "The maximum selectable date, in ISO string format",
+      "displayName": "Max",
+      "help": "#max",
+      "format": "date",
+      "value": null
+    },
+    "maxWidth": {
+      "type": "number|string",
+      "description": "Specifies the component style maxWidth.",
+      "displayName": "Max Width",
+      "help": "#maxWidth"
+    },
+    "min": {
+      "type": "string|null",
+      "description": "The maximum selectable date, in ISO string format",
+      "displayName": "Min",
+      "help": "#min",
+      "format": "date",
+      "value": null
+    },
+    "readonly": {
+      "type": "boolean",
+      "value": false
+    },
+    "todayButton": {
+      "type": "string",
+      "propertyEditorValues": {
+        "visible": {
+          "description": "The 'Go to Today' button will be shown and it can be pressed to navigate to Today.",
+          "displayName": "Visible"
+        },
+        "hidden": {
+          "description": "The 'Go to Today' button will be hidden.",
+          "displayName": "Hidden"
+        }
+      },
+      "enumValues": [
+        "hidden",
+        "visible"
+      ],
+      "value": "visible"
+    },
+    "todayTimeZone": {
+      "type": "string"
+    },
+    "value": {
+      "type": "string|null",
+      "writeback": true,
+      "value": null
+    },
+    "width": {
+      "type": "number|string",
+      "description": "Specifies the component style width.",
+      "displayName": "width",
+      "help": "#width"
+    }
+  },
+  "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/date-picker/date-picker-styles.css

@@ -0,0 +1,14 @@
+oj-c-date-picker:not(.oj-complete){
+  visibility: hidden;
+}
+
+oj-c-date-picker{
+  display: inline-block;
+  max-width: 100%;
+  width: 100%;
+}
+
+oj-c-date-picker[hidden]
+{
+  display: none;
+}

package/oj-c/date-picker/date-picker.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_DatePicker", "@oracle/oraclejet-preact/UNSAFE_IntlDateTime", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_calendarDateUtils"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, ojvcomponent_1, UNSAFE_DatePicker_1, UNSAFE_IntlDateTime_1, UNSAFE_useTabbableMode_1, UNSAFE_calendarDateUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DatePicker = void 0;
+    exports.DatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-date-picker', ({ dayFormatter, daysOutsideMonth = 'hidden', monthAndYearPicker = 'on', max = null, maxWidth, min = null, readonly = false, todayButton = 'visible', todayTimeZone, value = null, width, onValueChanged, ...otherProps }) => {
+        if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(value)) {
+            throw new Error('value must be a date-only ISO string');
+        }
+        if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(min)) {
+            throw new Error('min must be a date-only ISO string');
+        }
+        if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(max)) {
+            throw new Error('max must be a date-only ISO string');
+        }
+        if (max && min && max < min) {
+            throw new Error('max must be greater than or equal to min');
+        }
+        const maxCalendarDate = max ? (0, UNSAFE_calendarDateUtils_1.getCalendarDateFromIso)(max) : undefined;
+        const minCalendarDate = min ? (0, UNSAFE_calendarDateUtils_1.getCalendarDateFromIso)(min) : undefined;
+        const valueCalendarDate = value
+            ? (0, UNSAFE_calendarDateUtils_1.getCalendarDateFromIso)(value)
+            : undefined;
+        const onCommitHandler = (0, hooks_1.useCallback)(({ value, previousValue }) => {
+            if (onValueChanged && value !== previousValue) {
+                value
+                    ? onValueChanged((0, UNSAFE_calendarDateUtils_1.getIsoDateStr)(value.year, value.month, value.day))
+                    : onValueChanged(null);
+            }
+        }, [onValueChanged]);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.id, children: (0, jsx_runtime_1.jsx)(UNSAFE_DatePicker_1.DatePicker, { dayFormatter: dayFormatter ?? undefined, daysOutsideMonth: daysOutsideMonth, monthAndYearPicker: monthAndYearPicker, max: maxCalendarDate, min: minCalendarDate, isReadonly: readonly, todayButton: todayButton, todayTimeZone: todayTimeZone ?? undefined, value: valueCalendarDate, width: width, maxWidth: maxWidth, onCommit: onCommitHandler }) }));
+    }, "DatePicker", { "properties": { "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "max": { "type": "string|null" }, "maxWidth": { "type": "number|string" }, "min": { "type": "string|null" }, "readonly": { "type": "boolean" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "todayTimeZone": { "type": "string" }, "value": { "type": "string|null", "writeback": true }, "width": { "type": "number|string" } }, "extension": { "_WRITEBACK_PROPS": ["value"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] } }, { "daysOutsideMonth": "hidden", "monthAndYearPicker": "on", "max": null, "min": null, "readonly": false, "todayButton": "visible", "value": null }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+});

package/oj-c/date-picker/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./date-picker"], function (require, exports, date_picker_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DatePicker = void 0;
+    Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return date_picker_1.DatePicker; } });
+});

package/oj-c/date-picker.js

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

package/oj-c/drag-handle/component.json

@@ -0,0 +1,82 @@
+{
+  "name": "drag-handle",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CDragHandleElement"
+  ],
+  "displayName": "Drag Handle",
+  "description": "A drag handle is a draggable icon used in components with reorder features.",
+  "help": "oj-c.DragHandle.html",
+  "main": "oj-c/drag-handle",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
+  "extension": {
+    "catalog": {
+      "category": "Collections"
+    },
+    "vbdt": {
+      "module": "oj-c/drag-handle"
+    },
+    "oracle": {
+      "uxSpecs": [
+        "drag-handle"
+      ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DragHandleWebElement.html"
+    }
+  },
+  "since": "17.0.0",
+  "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/drag-handle/drag-handle.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_DragHandle"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, UNSAFE_DragHandle_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DragHandle = void 0;
+    const DragHandleImpl = () => {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_DragHandle_1.DragHandle, {}) }));
+    };
+    exports.DragHandle = (0, ojvcomponent_1.registerCustomElement)('oj-c-drag-handle', DragHandleImpl, "DragHandle", undefined, undefined, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    });
+});