@oracle/oraclejet-core-pack 16.1.3 → 17.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,yEAAwE;AAC/D,0GADA,qDAAyB,OACA;AAElC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,mBAAmB,CACvC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,IAAI,CAAC,CAAC,KAAK,YAAY,qDAAyB,CAAC,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,2BAA2B,EAAE,CAAC;YAC3D,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,uBAAuB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,qDAAyB,CAAC,IAAI,KAAK,YAAY,EAAE,CACjJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,kDAiBC;AAED,IAAA,8BAAQ,EAAC,wBAAwB,EAAE,qDAAyB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { InputDatePickerWebElement } from './InputDatePickerWebElement';\nexport { InputDatePickerWebElement };\n\n/**\n * Retrieve an instance of [InputDatePickerWebElement](../classes/InputDatePickerWebElement.html).\n * @example\n * ```javascript\n * import { findInputDatePicker } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findInputDatePicker(driver, By.id('my-oj-c-input-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 findInputDatePicker(\n  driver: DriverLike,\n  by: By\n): Promise<InputDatePickerWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type InputDatePickerWebElement\n  if (!(webEl instanceof InputDatePickerWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'InputDatePickerWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findInputDatePicker(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${InputDatePickerWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-input-date-picker', InputDatePickerWebElement);\n"]}

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

@@ -0,0 +1,563 @@
+{
+  "name": "input-date-picker",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CInputDatePickerElement"
+  ],
+  "displayName": "InputDatePicker",
+  "description": "An input date picker allows users to enter or select a single date using a calendar interface.",
+  "help": "oj-c.InputDatePicker.html",
+  "main": "oj-c/input-date-picker",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
+  "extension": {
+    "catalog": {
+      "category": "Forms"
+    },
+    "vbdt": {
+      "module": "oj-c/input-date-picker",
+      "defaultColumns": 6,
+      "minColumns": 2
+    },
+    "oracle": {
+      "icon": "oj-ux-ico-type-date-input"
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/InputDatePickerWebElement.html"
+    }
+  },
+  "propertyLayout": [
+    {
+      "propertyGroup": "common",
+      "items": [
+        "disabled",
+        "labelHint",
+        "readonly",
+        "required"
+      ]
+    },
+    {
+      "propertyGroup": "data",
+      "items": [
+        "value"
+      ]
+    }
+  ],
+  "since": "17.0.0",
+  "properties": {
+    "columnSpan": {
+      "type": "number",
+      "description": "Specifies how many columns this component should span.",
+      "displayName": "Column Span",
+      "help": "#columnSpan",
+      "value": 1
+    },
+    "containerReadonly": {
+      "type": "boolean",
+      "description": "Specifies whether an ancestor container, like oj-c-form-layout, is readonly.",
+      "displayName": "Container Readonly",
+      "help": "#containerReadonly",
+      "binding": {
+        "consume": {
+          "name": "containerReadonly"
+        }
+      }
+    },
+    "dateRangeOverflowMessageDetail": {
+      "type": "function",
+      "description": "Overrides the default validator's rangeOverflow message detail.",
+      "displayName": "Date Range Overflow Message Detail",
+      "help": "#dateRangeOverflowMessageDetail"
+    },
+    "dateRangeUnderflowMessageDetail": {
+      "type": "function",
+      "description": "Overrides the default validator's rangeUnderflow message detail.",
+      "displayName": "Date Range Underflow Message Detail",
+      "help": "#dateRangeUnderflowMessageDetail"
+    },
+    "dateRestrictionMessageDetail": {
+      "type": "function",
+      "description": "Overrides the default validator's rangeUnderflow message detail.",
+      "displayName": "Date Range Underflow Message Detail",
+      "help": "#dateRangeUnderflowMessageDetail"
+    },
+    "dayFormatter": {
+      "type": "function",
+      "description": "Provides additional information for rendering a day.",
+      "displayName": "Day Formatter",
+      "help": "#dayFormatter"
+    },
+    "daysOutsideMonth": {
+      "type": "string",
+      "description": "Specifies the behavior of days outside of the current month in the Date Picker.",
+      "displayName": "Days Outside Month",
+      "help": "#daysOutsideMonth",
+      "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"
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "Specifies whether the component is disabled.",
+      "displayName": "Disabled",
+      "help": "#disabled",
+      "value": false
+    },
+    "displayOptions": {
+      "type": "object",
+      "description": "Display options for auxiliary content that determines whether or not it should be displayed.",
+      "displayName": "Display Options",
+      "help": "#displayOptions",
+      "properties": {
+        "messages": {
+          "type": "string",
+          "enumValues": [
+            "none",
+            "display"
+          ],
+          "value": "display"
+        },
+        "validatorHint": {
+          "type": "string",
+          "enumValues": [
+            "none",
+            "display"
+          ],
+          "value": "display"
+        }
+      }
+    },
+    "help": {
+      "type": "object",
+      "description": "Form component help information.",
+      "displayName": "Help",
+      "help": "#help",
+      "properties": {
+        "instruction": {
+          "type": "string",
+          "value": ""
+        }
+      }
+    },
+    "helpHints": {
+      "type": "object",
+      "description": "The helpHints object contains a definition property and a source property.",
+      "displayName": "Help Hints",
+      "help": "#helpHints",
+      "properties": {
+        "definition": {
+          "type": "string",
+          "value": ""
+        },
+        "source": {
+          "type": "string",
+          "value": ""
+        },
+        "sourceText": {
+          "type": "string"
+        }
+      }
+    },
+    "labelEdge": {
+      "type": "string",
+      "description": "Specifies how the label is positioned for the component",
+      "displayName": "Label Edge",
+      "help": "#labelEdge",
+      "propertyEditorValues": {
+        "inside": {
+          "description": "The label floats over the input element, but moves up on focus or when the component has a value (default, if unspecified).",
+          "displayName": "Inside"
+        },
+        "none": {
+          "description": "The component will not create a label, but instead set the aria-label property on the input element.",
+          "displayName": "None"
+        },
+        "start": {
+          "description": "The label will be placed before the start of the component.",
+          "displayName": "Start"
+        },
+        "top": {
+          "description": "The label will be placed on top of the component.",
+          "displayName": "Top"
+        }
+      },
+      "enumValues": [
+        "none",
+        "start",
+        "top",
+        "inside"
+      ],
+      "binding": {
+        "consume": {
+          "name": "containerLabelEdge"
+        }
+      }
+    },
+    "labelHint": {
+      "type": "string",
+      "description": "Represents a hint for rendering a label on the component.",
+      "displayName": "Label Hint",
+      "help": "#labelHint",
+      "required": true,
+      "translatable": true
+    },
+    "labelStartWidth": {
+      "type": "number|string",
+      "description": "The width of the label when labelEdge is 'start'.",
+      "displayName": "Label Start Width",
+      "help": "#labelStartWidth",
+      "binding": {
+        "consume": {
+          "name": "labelWidth"
+        }
+      }
+    },
+    "labelWrapping": {
+      "type": "string",
+      "description": "Should the labels wrap or truncate when there is not enough available space.",
+      "displayName": "Label Wrapping",
+      "help": "#labelWrapping",
+      "propertyEditorValues": {
+        "truncate": {
+          "description": "Label will truncate if needed.",
+          "displayName": "Truncate"
+        },
+        "wrap": {
+          "description": "Label will wrap if needed.",
+          "displayName": "Wrap"
+        }
+      },
+      "enumValues": [
+        "truncate",
+        "wrap"
+      ],
+      "binding": {
+        "consume": {
+          "name": "labelWrapping"
+        }
+      }
+    },
+    "max": {
+      "type": "string|null",
+      "description": "The maximum selectable date, in ISO string format",
+      "displayName": "Max",
+      "help": "#max",
+      "format": "date"
+    },
+    "messagesCustom": {
+      "type": "Array<object>",
+      "description": "List of custom component messages",
+      "displayName": "Messages Custom",
+      "help": "#messagesCustom",
+      "extension": {
+        "vbdt": {
+          "itemProperties": {
+            "summary": {
+              "type": "string"
+            },
+            "detail": {
+              "type": "string"
+            },
+            "severity": {
+              "type": "string",
+              "enumValues": [
+                "error",
+                "confirmation",
+                "info",
+                "warning"
+              ]
+            }
+          }
+        }
+      },
+      "writeback": true,
+      "value": []
+    },
+    "min": {
+      "type": "string|null",
+      "description": "The minimum selectable date, in ISO string format",
+      "displayName": "Min",
+      "help": "#min",
+      "format": "date"
+    },
+    "monthAndYearPicker": {
+      "type": "string",
+      "description": "Specifies whether or not the DatePicker should show the toggle buttons that toggle the month grid picker and year grid picker.",
+      "displayName": "Month And Year Picker",
+      "help": "#monthAndYearPicker",
+      "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"
+    },
+    "readonly": {
+      "type": "boolean",
+      "description": "Whether the component is readonly",
+      "displayName": "Readonly",
+      "help": "#readonly",
+      "binding": {
+        "consume": {
+          "name": "containerReadonly"
+        }
+      }
+    },
+    "required": {
+      "type": "boolean",
+      "description": "Specifies whether or not the component is required.",
+      "displayName": "Required",
+      "help": "#required",
+      "value": false
+    },
+    "requiredMessageDetail": {
+      "type": "string",
+      "description": "Overrides the default Required error message.",
+      "displayName": "Required Message Detail",
+      "help": "#requiredMessageDetail",
+      "translatable": true
+    },
+    "textAlign": {
+      "type": "string",
+      "description": "Specifies how the text is aligned within the text field",
+      "displayName": "Text Align",
+      "help": "#textAlign",
+      "propertyEditorValues": {
+        "start": {
+          "description": "Aligns text left when reading direction is ltr and right when reading direction is rtl (default, if unspecified).",
+          "displayName": "Start"
+        },
+        "end": {
+          "description": "Aligns text right when reading direction is ltr and left when reading direction is rtl.",
+          "displayName": "End"
+        },
+        "right": {
+          "description": "Aligns text right regardless of reading direction, often used for numbers.",
+          "displayName": "Right"
+        }
+      },
+      "enumValues": [
+        "end",
+        "start",
+        "right"
+      ]
+    },
+    "todayTimeZone": {
+      "type": "string",
+      "description": "The time zone used for computing today for the Date Picker.",
+      "displayName": "Time Zone For Computing Today",
+      "help": "#todayTimeZone"
+    },
+    "todayButton": {
+      "type": "string",
+      "description": "Specifies how to render the 'Go to today' button.",
+      "displayName": "Today Button",
+      "help": "#todayButton",
+      "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"
+    },
+    "userAssistanceDensity": {
+      "type": "string",
+      "description": "Specifies the density of the form component's user assistance presentation.",
+      "displayName": "User Assistance Density",
+      "help": "#userAssistanceDensity",
+      "propertyEditorValues": {
+        "reflow": {
+          "description": "Messages, help, hints, and required are all shown inline under the field with no reserved space.",
+          "displayName": "Reflow"
+        },
+        "efficient": {
+          "description": "Messages, help, hints, and required are all shown inline under the field with reserved space.",
+          "displayName": "Efficient"
+        },
+        "compact": {
+          "description": "Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required.",
+          "displayName": "Compact"
+        }
+      },
+      "enumValues": [
+        "compact",
+        "reflow",
+        "efficient"
+      ],
+      "binding": {
+        "consume": {
+          "name": "containerUserAssistanceDensity"
+        }
+      }
+    },
+    "validators": {
+      "type": "Array<object>|null",
+      "description": "Specifies the validators for the component.",
+      "displayName": "Validators",
+      "help": "#validators",
+      "value": []
+    },
+    "value": {
+      "type": "string|null",
+      "description": "The value of the component.",
+      "displayName": "Value",
+      "help": "#value",
+      "format": "date",
+      "writeback": true,
+      "value": null
+    },
+    "rawValue": {
+      "type": "object",
+      "description": "Specifies how the raw value of the component",
+      "displayName": "Raw Value",
+      "help": "#rawValue",
+      "properties": {
+        "year": {
+          "type": "number"
+        },
+        "month": {
+          "type": "number"
+        },
+        "day": {
+          "type": "number"
+        }
+      },
+      "readOnly": true,
+      "writeback": true
+    },
+    "valid": {
+      "type": "string",
+      "description": "Specifies how the valid state of the component",
+      "displayName": "Valid",
+      "help": "#valid",
+      "propertyEditorValues": {
+        "valid": {
+          "description": "The component is valid",
+          "displayName": "Valid"
+        },
+        "pending": {
+          "description": "The component is waiting for the validation state to be determined. The 'pending' state is set at the start of the validation process.",
+          "displayName": "Pending"
+        },
+        "invalidHidden": {
+          "description": "The component has invalid messages hidden and no invalid messages showing. An invalid message is one with severity 'error'.",
+          "displayName": "Invalid Hidden"
+        },
+        "invalidShown": {
+          "description": "The component has invalid messages showing. An invalid message is one with severity 'error'.",
+          "displayName": "Invalid Shown"
+        }
+      },
+      "enumValues": [
+        "pending",
+        "valid",
+        "invalidHidden",
+        "invalidShown"
+      ],
+      "readOnly": true,
+      "writeback": true
+    }
+  },
+  "methods": {
+    "blur": {
+      "description": "Blurs the date field.",
+      "return": "void"
+    },
+    "focus": {
+      "description": "Focuses the date field.",
+      "return": "void"
+    },
+    "showMessages": {
+      "description": "Takes all deferred messages and shows them.",
+      "return": "void"
+    },
+    "reset": {
+      "description": "Resets the component by clearing all messages and updating the component's display value using the attribute value.",
+      "return": "void"
+    },
+    "validate": {
+      "description": "If enabled, validates the component's display value using the converter and all validators registered on the component. The Promise resolves to 'valid' if there were no converter parse errors and the component passed all validations, or if the component is disabled or readonly.",
+      "return": "Promise"
+    },
+    "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/input-date-picker/index.js

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

package/oj-c/input-date-picker/input-date-picker-styles.css

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

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

@@ -0,0 +1,39 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_InputDatePicker", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "ojs/ojvcomponent", "preact/compat", "./useInputDatePicker", "css!oj-c/input-date-picker/input-date-picker-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_InputDatePicker_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, ojvcomponent_1, compat_1, useInputDatePicker_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.InputDatePicker = void 0;
+    const displayOptionsDefault = {
+        messages: 'display',
+        validatorHint: 'display'
+    };
+    const helpDefault = {
+        instruction: ''
+    };
+    const helpHintsDefault = {
+        definition: '',
+        source: ''
+    };
+    const messagesCustomDefault = [];
+    const validatorsDefault = [];
+    function InputDatePickerImpl({ columnSpan = 1, daysOutsideMonth = 'hidden', disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, messagesCustom = messagesCustomDefault, monthAndYearPicker = 'on', required = false, todayButton = 'visible', validators = validatorsDefault, value = null, ...otherProps }, ref) {
+        const { formContextValue, inputDatePickerProps, rootProps } = (0, useInputDatePicker_1.useInputDatePicker)({
+            columnSpan,
+            daysOutsideMonth,
+            disabled,
+            displayOptions,
+            help,
+            helpHints,
+            messagesCustom,
+            monthAndYearPicker,
+            required,
+            todayButton,
+            validators,
+            value,
+            ...otherProps
+        }, ref);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...rootProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: formContextValue, children: (0, jsx_runtime_1.jsx)(UNSAFE_InputDatePicker_1.InputDatePicker, { ...inputDatePickerProps }) }) }));
+    }
+    exports.InputDatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-date-picker', (0, compat_1.forwardRef)(InputDatePickerImpl), "InputDatePicker", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "dateRangeOverflowMessageDetail": { "type": "function" }, "dateRangeUnderflowMessageDetail": { "type": "function" }, "dateRestrictionMessageDetail": { "type": "function" }, "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] }, "validatorHint": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "max": { "type": "string|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "min": { "type": "string|null" }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "todayTimeZone": { "type": "string" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "string|null", "writeback": true }, "rawValue": { "type": "object", "properties": { "year": { "type": "number" }, "month": { "type": "number" }, "day": { "type": "number" } }, "readOnly": true, "writeback": true }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "rawValue", "valid", "value"], "_READ_ONLY_PROPS": ["rawValue", "valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "columnSpan": 1, "daysOutsideMonth": "hidden", "disabled": false, "displayOptions": { "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "monthAndYearPicker": "on", "required": false, "todayButton": "visible", "validators": [], "value": null }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
+});

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

@@ -0,0 +1,13 @@
+define(["require", "exports", "preact/hooks"], function (require, exports, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCombinedImplicitValidators = void 0;
+    const useCombinedImplicitValidators = (...validators) => (0, hooks_1.useMemo)(() => ({
+        validate(value) {
+            for (const validator of validators) {
+                validator?.validate(value);
+            }
+        }
+    }), [...validators]);
+    exports.useCombinedImplicitValidators = useCombinedImplicitValidators;
+});

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

@@ -0,0 +1,17 @@
+define(["require", "exports", "oj-c/input-date-mask/CalendarDateConverter", "oj-c/input-date-mask/useInputDateMaskPreact", "preact/hooks"], function (require, exports, CalendarDateConverter_1, useInputDateMaskPreact_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImplicitCalendarDateConverter = void 0;
+    const useImplicitCalendarDateConverter = ({ calendarDateConverter_parseErrorFn }) => {
+        const masksFromUserPref = (0, hooks_1.useMemo)(() => {
+            return (0, useInputDateMaskPreact_1.getMasksFromDatePatternPreferences)();
+        }, []);
+        return (0, hooks_1.useMemo)(() => {
+            return new CalendarDateConverter_1.CalendarDateConverter({
+                calendarDateConverter_parseErrorFn,
+                customMask: masksFromUserPref
+            });
+        }, [calendarDateConverter_parseErrorFn, masksFromUserPref]);
+    };
+    exports.useImplicitCalendarDateConverter = useImplicitCalendarDateConverter;
+});