@oracle/oraclejet-core-pack 14.0.0

package/oj-c/input-text/input-text.js

@@ -0,0 +1,118 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/UNSAFE_InputText", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojcontext", "ojs/ojvcomponent", "ojs/ojvcomponent-binding", "preact", "preact/compat", "preact/hooks", "./useInputTextPreact", "css!oj-c/input-text/input-text-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, UNSAFE_InputText_1, useAssistiveText_1, ojcontext_1, ojvcomponent_1, ojvcomponent_binding_1, preact_1, compat_1, hooks_1, useInputTextPreact_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.InputText = void 0;
+    translationBundle_1 = __importDefault(translationBundle_1);
+    ojcontext_1 = __importDefault(ojcontext_1);
+    const FunctionalInputText = (0, compat_1.forwardRef)((props, ref) => {
+        const { busyContextRef, converter, displayOptions, help, helpHints, validators } = props;
+        const inputTextRef = (0, hooks_1.useRef)();
+        const addBusyState = (0, hooks_1.useCallback)((desc) => {
+            var _a;
+            return (_a = busyContextRef.current) === null || _a === void 0 ? void 0 : _a.addBusyState({
+                description: `oj-c-input-text id=${props.id} is ${desc}`
+            });
+        }, []);
+        const { inputTextProps, methods } = (0, useInputTextPreact_1.useInputTextPreact)(props, addBusyState);
+        (0, hooks_1.useImperativeHandle)(ref, () => (Object.assign({ blur: () => { var _a; return (_a = inputTextRef.current) === null || _a === void 0 ? void 0 : _a.blur(); }, focus: () => { var _a; return (_a = inputTextRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }, methods)), [methods]);
+        const assistiveTextProps = (0, useAssistiveText_1.useAssistiveText)({
+            converter,
+            displayOptions,
+            help,
+            helpHints,
+            validators
+        });
+        const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
+        return ((0, jsx_runtime_1.jsx)(UNSAFE_InputText_1.InputText, Object.assign({ ref: inputTextRef }, assistiveTextProps, inputTextProps, { variant: variant })));
+    });
+    let InputText = class InputText extends preact_1.Component {
+        constructor() {
+            super(...arguments);
+            this.busyContextRef = (0, preact_1.createRef)();
+            this.inputTextRef = (0, preact_1.createRef)();
+            this.rootRef = (0, preact_1.createRef)();
+        }
+        componentDidMount() {
+            this.busyContextRef.current = ojcontext_1.default.getContext(this.rootRef.current).getBusyContext();
+        }
+        render(props) {
+            const containerProps = {
+                isFormLayout: props.containerReadonly !== undefined,
+                isReadonly: props.containerReadonly,
+                labelWrapping: props.labelWrapping
+            };
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, Object.assign({ id: props.id, ref: this.rootRef }, { children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, Object.assign({ value: containerProps }, { children: (0, jsx_runtime_1.jsx)(FunctionalInputText, Object.assign({ busyContextRef: this.busyContextRef, ref: this.inputTextRef }, props)) })) })));
+        }
+        componentWillUnmount() {
+            this.busyContextRef.current = null;
+        }
+        reset() {
+            var _a;
+            (_a = this.inputTextRef.current) === null || _a === void 0 ? void 0 : _a.reset();
+        }
+        showMessages() {
+            var _a;
+            (_a = this.inputTextRef.current) === null || _a === void 0 ? void 0 : _a.showMessages();
+        }
+        validate() {
+            var _a;
+            return (_a = this.inputTextRef.current) === null || _a === void 0 ? void 0 : _a.validate();
+        }
+        blur() {
+            var _a;
+            (_a = this.inputTextRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+        focus() {
+            var _a;
+            (_a = this.inputTextRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    InputText.defaultProps = {
+        autocomplete: 'on',
+        clearIcon: 'never',
+        converter: null,
+        disabled: false,
+        displayOptions: {
+            converterHint: 'display',
+            messages: 'display',
+            validatorHint: 'display'
+        },
+        help: {
+            instruction: ''
+        },
+        helpHints: {
+            definition: '',
+            source: '',
+            sourceText: undefined
+        },
+        length: {
+            countBy: 'codePoint',
+            max: null
+        },
+        messagesCustom: [],
+        readonly: false,
+        required: false,
+        userAssistanceDensity: 'reflow',
+        validators: [],
+        value: null,
+        virtualKeyboard: 'auto'
+    };
+    InputText._metadata = { "properties": { "autocomplete": { "type": "string" }, "clearIcon": { "type": "string", "enumValues": ["always", "never", "conditional"] }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "converter": { "type": "object|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "converterHint": { "type": "string", "enumValues": ["display", "none"] }, "messages": { "type": "string", "enumValues": ["display", "none"] }, "validatorHint": { "type": "string", "enumValues": ["display", "none"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "inputPrefix": { "type": "string" }, "inputSuffix": { "type": "string" }, "labelEdge": { "type": "string", "enumValues": ["start", "none", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["wrap", "truncate"], "binding": { "consume": { "name": "labelWrapping" } } }, "length": { "type": "object", "properties": { "countBy": { "type": "string", "enumValues": ["codePoint", "codeUnit"] }, "max": { "type": "number|null" } } }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["start", "right", "end"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "any", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "text", "auto", "search", "email", "tel", "url"] }, "rawValue": { "type": "string", "readOnly": true, "writeback": true }, "valid": { "type": "string", "enumValues": ["valid", "pending", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "slots": { "end": {}, "start": {} }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "rawValue", "valid", "value"], "_READ_ONLY_PROPS": ["rawValue", "valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "autofocus", "id"] }, "methods": { "reset": {}, "showMessages": {}, "validate": {}, "blur": {}, "focus": {} } };
+    InputText._translationBundleMap = {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    };
+    InputText._consumedContexts = [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext];
+    InputText = __decorate([
+        (0, ojvcomponent_1.customElement)('oj-c-input-text')
+    ], InputText);
+    exports.InputText = InputText;
+});

package/oj-c/input-text/useInputTextPreact.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+define(["require", "exports", "oj-c/editable-value/utils/utils", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue"], function (require, exports, utils_1, useEditableValue_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useInputTextPreact = void 0;
+    function useInputTextPreact(_a, addBusyState) {
+        var { autocomplete = 'on', autofocus, clearIcon = 'never', converter, disabled, displayOptions, end, inputPrefix, inputSuffix, labelEdge, labelHint, labelStartWidth, length, messagesCustom, placeholder, readonly, required, requiredMessageDetail, start, textAlign, userAssistanceDensity, validators, value: propValue, virtualKeyboard, onMessagesCustomChanged, onRawValueChanged, onValidChanged, onValueChanged } = _a, otherProps = __rest(_a, ["autocomplete", "autofocus", "clearIcon", "converter", "disabled", "displayOptions", "end", "inputPrefix", "inputSuffix", "labelEdge", "labelHint", "labelStartWidth", "length", "messagesCustom", "placeholder", "readonly", "required", "requiredMessageDetail", "start", "textAlign", "userAssistanceDensity", "validators", "value", "virtualKeyboard", "onMessagesCustomChanged", "onRawValueChanged", "onValidChanged", "onValueChanged"]);
+        const { methods, textFieldProps, value, setValue } = (0, useEditableValue_1.useEditableValue)({
+            ariaDescribedBy: otherProps['aria-describedby'],
+            converter,
+            displayOptions,
+            messagesCustom,
+            required,
+            requiredMessageDetail,
+            validators,
+            value: propValue,
+            addBusyState,
+            onMessagesCustomChanged,
+            onRawValueChanged,
+            onValidChanged,
+            onValueChanged
+        });
+        const hasNoValue = value === null || (typeof value === 'string' && value === '');
+        const hasClearIcon = clearIcon === 'conditional' ? 'conditionally' : clearIcon;
+        return {
+            value,
+            setValue,
+            methods,
+            inputTextProps: Object.assign({ autoComplete: autocomplete, autoFocus: autofocus, hasClearIcon, endContent: end, isDisabled: disabled, isReadonly: readonly, isRequired: required, isRequiredShown: required && hasNoValue, label: labelHint, labelEdge,
+                labelStartWidth, maxLength: (0, utils_1.treatNull)(length === null || length === void 0 ? void 0 : length.max), maxLengthUnit: length === null || length === void 0 ? void 0 : length.countBy, placeholder, prefix: inputPrefix, startContent: start, suffix: inputSuffix, textAlign,
+                userAssistanceDensity,
+                virtualKeyboard }, textFieldProps)
+        };
+    }
+    exports.useInputTextPreact = useInputTextPreact;
+});

package/oj-c/input-text.js

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

package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js

@@ -0,0 +1,32 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.ListItemLayoutWebElement = void 0;
+var ListItemLayoutWebElementBase_1 = require("./ListItemLayoutWebElementBase");
+/**
+ * The component WebElement for [oj-c-list-item-layout](../../../oj-c/docs/oj.ListItemLayout.html).
+ * Do not instantiate this class directly, instead, use
+ * [findListItemLayout](../modules.html#findListItemLayout).
+ */
+var ListItemLayoutWebElement = /** @class */ (function (_super) {
+    __extends(ListItemLayoutWebElement, _super);
+    function ListItemLayoutWebElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ListItemLayoutWebElement;
+}(ListItemLayoutWebElementBase_1.ListItemLayoutWebElementBase));
+exports.ListItemLayoutWebElement = ListItemLayoutWebElement;

package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElementBase.js

@@ -0,0 +1,42 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.ListItemLayoutWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-list-item-layout 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, ListItemLayoutWebElement.ts.
+ */
+var ListItemLayoutWebElementBase = /** @class */ (function (_super) {
+    __extends(ListItemLayoutWebElementBase, _super);
+    function ListItemLayoutWebElementBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Gets the value of <code>inset</code> property.
+     * Controls padding around outside of list item layouts.
+     * @return The value of <code>inset</code> property.
+     *
+     */
+    ListItemLayoutWebElementBase.prototype.getInset = function () {
+        return this.getProperty('inset');
+    };
+    return ListItemLayoutWebElementBase;
+}(elements_1.OjWebElement));
+exports.ListItemLayoutWebElementBase = ListItemLayoutWebElementBase;

package/oj-c/list-item-layout/__webdriver__/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+exports.findListItemLayout = exports.ListItemLayoutWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var ListItemLayoutWebElement_1 = require("./ListItemLayoutWebElement");
+exports.ListItemLayoutWebElement = ListItemLayoutWebElement_1.ListItemLayoutWebElement;
+/**
+ * Retrieve an instance of [[ListItemLayoutWebElement]].
+ * @example
+ * ```javascript
+ * import { findListItemLayout } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findListItemLayout(driver, By.id('my-oj-c-list-item-layout'));
+ * ```
+ * @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
+ */
+function findListItemLayout(driver, by) {
+    return __awaiter(this, void 0, void 0, function () {
+        var webEl, tagName;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, driver.findElement(by)];
+                case 1:
+                    webEl = _a.sent();
+                    if (!!(webEl instanceof ListItemLayoutWebElement_1.ListItemLayoutWebElement)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, webEl.getTagName()];
+                case 2:
+                    tagName = _a.sent();
+                    throw Error("findListItemLayout(".concat(by, ") created ").concat(webEl.constructor.name, " for <").concat(tagName, ">, but expected ").concat(ListItemLayoutWebElement_1.ListItemLayoutWebElement.name));
+                case 3: return [2 /*return*/, webEl];
+            }
+        });
+    });
+}
+exports.findListItemLayout = findListItemLayout;
+(0, oraclejet_webdriver_1.register)('oj-c-list-item-layout', ListItemLayoutWebElement_1.ListItemLayoutWebElement);

package/oj-c/list-item-layout/component.json

@@ -0,0 +1,139 @@
+{
+  "name": "list-item-layout",
+  "version": "1.0.0",
+  "jetVersion": "^14.0.0",
+  "type": "composite",
+  "pack": "oj-c",
+  "implements": [
+    "CListItemLayoutElement"
+  ],
+  "description": "A List Item Layout represents layout used for list view item elements.",
+  "displayName": "List Item Layout",
+  "main": "oj-c/list-item-layout",
+  "help": "oj-c.ListItemLayout.html",
+  "extension": {
+    "oracle": {
+      "uxSpecs": [
+        "list-item-layout"
+      ],
+      "icon": "oj-ux-ico-list-item-layout"
+    },
+    "vbdt": {
+      "module": "oj-c/list-item-layout",
+      "defaultColumns": "12",
+      "minColumns": "2"
+    }
+  },
+  "slots": {
+    "": {
+      "description": "The default slot accepts the primary data to be displayed.",
+      "displayName": "Default",
+      "help": "#default"
+    },
+    "overline": {
+      "description": "The overline slot is for adding a overline text above the default slot.",
+      "displayName": "Overline",
+      "help": "#overline"
+    },
+    "selector": {
+      "description": "The selector slot can accept a oj-selector component and is optional.",
+      "displayName": "Selector",
+      "help": "#selector"
+    },
+    "leading": {
+      "description": "The leading slot is used for adding a leading visual next to the selector.",
+      "displayName": "Leading",
+      "help": "#leading"
+    },
+    "secondary": {
+      "description": "The secondary slot is for adding a secondary text below the default text.",
+      "displayName": "Secondary",
+      "help": "#secondary"
+    },
+    "tertiary": {
+      "description": "The tertiary slot is for adding a tertiary text below the secondary text.",
+      "displayName": "Tertiary",
+      "help": "#tertiary"
+    },
+    "metadata": {
+      "description": "The metadata for adding extra trailing information. Examples of metadata are author, date etc.",
+      "displayName": "Metadata",
+      "help": "#metadata"
+    },
+    "trailing": {
+      "description": "The trailing slot is used for adding a trailing visual.",
+      "displayName": "Trailing",
+      "help": "#trailing"
+    },
+    "action": {
+      "description": "Action slot often uses a toolbar. In general, the action slot should display either one primary action or one or more secondary actions.",
+      "displayName": "Action",
+      "help": "#action"
+    },
+    "quaternary": {
+      "description": "The quaternary slot is for adding a quaternary text below the tertiary text.",
+      "displayName": "Quaternary",
+      "help": "#quaternary"
+    },
+    "navigation": {
+      "description": "The navigation slot is used for adding links below the trailing slot.",
+      "displayName": "Navigation",
+      "help": "#navigation"
+    }
+  },
+  "properties": {
+    "inset": {
+      "type": "string",
+      "description": "Controls padding around outside of list item layouts.",
+      "displayName": "Inset",
+      "help": "#inset",
+      "enumValues": [
+        "none",
+        "listInset"
+      ]
+    }
+  },
+  "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/list-item-layout/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./list-item-layout"], function (require, exports, list_item_layout_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ListItemLayout = void 0;
+    Object.defineProperty(exports, "ListItemLayout", { enumerable: true, get: function () { return list_item_layout_1.ListItemLayout; } });
+});

package/oj-c/list-item-layout/list-item-layout-styles.css

@@ -0,0 +1,12 @@
+oj-c-list-item-layout:not(.oj-complete){
+  visibility: hidden;
+}
+
+oj-c-list-item-layout {
+  display: block;
+}
+
+oj-c-list-item-layout[hidden]
+{
+  display: none;
+}

package/oj-c/list-item-layout/list-item-layout.js

@@ -0,0 +1,30 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ListItemLayout", "ojs/ojvcomponent", "css!oj-c/list-item-layout/list-item-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ListItemLayout_1, ojvcomponent_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ListItemLayout = void 0;
+    translationBundle_1 = __importDefault(translationBundle_1);
+    exports.ListItemLayout = (0, ojvcomponent_1.registerCustomElement)('oj-c-list-item-layout', (_a) => {
+        var { children } = _a, otherProps = __rest(_a, ["children"]);
+        const primary = children;
+        const insetStyle = { padding: otherProps.inset === 'none' ? '0' : '12px 16px' };
+        const actionSlot = otherProps.action ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-oj-clickthrough": "disabled" }, { children: otherProps.action }))) : undefined;
+        const navSlot = otherProps.navigation ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-oj-clickthrough": "disabled" }, { children: otherProps.navigation }))) : undefined;
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: insetStyle }, { children: (0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot }) })) }));
+    }, "ListItemLayout", { "slots": { "": {}, "overline": {}, "selector": {}, "leading": {}, "secondary": {}, "tertiary": {}, "metadata": {}, "trailing": {}, "action": {}, "quaternary": {}, "navigation": {} }, "properties": { "inset": { "type": "string", "enumValues": ["none", "listInset"] } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, undefined, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    });
+});

package/oj-c/list-item-layout.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./list-item-layout/list-item-layout"], function (require, exports, list_item_layout_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ListItemLayout = void 0;
+    Object.defineProperty(exports, "ListItemLayout", { enumerable: true, get: function () { return list_item_layout_1.ListItemLayout; } });
+});

package/oj-c/message-toast/__webdriver__/MessageToastWebElement.js

@@ -0,0 +1,32 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.MessageToastWebElement = void 0;
+var MessageToastWebElementBase_1 = require("./MessageToastWebElementBase");
+/**
+ * The component WebElement for [oj-c-message-toast](../../../oj-c/docs/oj.MessageToast.html).
+ * Do not instantiate this class directly, instead, use
+ * [findMessageToast](../modules.html#findMessageToast).
+ */
+var MessageToastWebElement = /** @class */ (function (_super) {
+    __extends(MessageToastWebElement, _super);
+    function MessageToastWebElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return MessageToastWebElement;
+}(MessageToastWebElementBase_1.MessageToastWebElementBase));
+exports.MessageToastWebElement = MessageToastWebElement;

package/oj-c/message-toast/__webdriver__/MessageToastWebElementBase.js

@@ -0,0 +1,78 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.MessageToastWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-message-toast 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, MessageToastWebElement.ts.
+ */
+var MessageToastWebElementBase = /** @class */ (function (_super) {
+    __extends(MessageToastWebElementBase, _super);
+    function MessageToastWebElementBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Gets the value of <code>data</code> property.
+     * Data for the Message Toast component.
+     * @return The value of <code>data</code> property.
+     *
+     */
+    MessageToastWebElementBase.prototype.getData = function () {
+        return this.getProperty('data');
+    };
+    /**
+     * Gets the value of <code>detailTemplateValue</code> property.
+     * A dynamic template key or a function that determines the detail template for the current row.
+     * @return The value of <code>detailTemplateValue</code> property.
+     *
+     */
+    MessageToastWebElementBase.prototype.getDetailTemplateValue = function () {
+        return this.getProperty('detailTemplateValue');
+    };
+    /**
+     * Gets the value of <code>iconTemplateValue</code> property.
+     * A dynamic template key or a function that determines the icon template for the current row.
+     * @return The value of <code>iconTemplateValue</code> property.
+     *
+     */
+    MessageToastWebElementBase.prototype.getIconTemplateValue = function () {
+        return this.getProperty('iconTemplateValue');
+    };
+    /**
+     * Gets the value of <code>offset</code> property.
+     * Offset for the Message Toast component's position.
+     * @return The value of <code>offset</code> property.
+     *
+     */
+    MessageToastWebElementBase.prototype.getOffset = function () {
+        return this.getProperty('offset');
+    };
+    /**
+     * Gets the value of <code>position</code> property.
+     * Position for the Message Toast component.
+     * @return The value of <code>position</code> property.
+     *
+     */
+    MessageToastWebElementBase.prototype.getPosition = function () {
+        return this.getProperty('position');
+    };
+    return MessageToastWebElementBase;
+}(elements_1.OjWebElement));
+exports.MessageToastWebElementBase = MessageToastWebElementBase;