@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/progress-button/__webdriver__/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findProgressButton = exports.ProgressButtonWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var ProgressButtonWebElement_1 = require("./ProgressButtonWebElement");
+Object.defineProperty(exports, "ProgressButtonWebElement", { enumerable: true, get: function () { return ProgressButtonWebElement_1.ProgressButtonWebElement; } });
+/**
+ * Retrieve an instance of [ProgressButtonWebElement](../classes/ProgressButtonWebElement.html).
+ * @example
+ * ```javascript
+ * import { findProgressButton } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findProgressButton(driver, By.id('my-oj-c-progress-button'));
+ * ```
+ * @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 findProgressButton(driver, by) {
+    const webEl = await driver.findElement(by);
+    // Check that the element is of type ProgressButtonWebElement
+    if (!(webEl instanceof ProgressButtonWebElement_1.ProgressButtonWebElement)) {
+        const tagName = await webEl.getTagName();
+        let supplemental = '';
+        if (webEl.constructor.name === 'ProgressButtonWebElement') {
+            supplemental = 'You likely have multiple installations of this package.';
+        }
+        throw Error(`findProgressButton(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${ProgressButtonWebElement_1.ProgressButtonWebElement.name}. ${supplemental}`);
+    }
+    return webEl;
+}
+exports.findProgressButton = findProgressButton;
+(0, oraclejet_webdriver_1.register)('oj-c-progress-button', ProgressButtonWebElement_1.ProgressButtonWebElement);
+//# sourceMappingURL=index.js.map

package/oj-c/progress-button/__webdriver__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,uEAAsE;AAC7D,yGADA,mDAAwB,OACA;AAEjC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,kBAAkB,CACtC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,6DAA6D;IAC7D,IAAI,CAAC,CAAC,KAAK,YAAY,mDAAwB,CAAC,EAAE,CAAC;QACjD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,0BAA0B,EAAE,CAAC;YAC1D,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,sBAAsB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,mDAAwB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC/I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,gDAiBC;AAED,IAAA,8BAAQ,EAAC,sBAAsB,EAAE,mDAAwB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { ProgressButtonWebElement } from './ProgressButtonWebElement';\nexport { ProgressButtonWebElement };\n\n/**\n * Retrieve an instance of [ProgressButtonWebElement](../classes/ProgressButtonWebElement.html).\n * @example\n * ```javascript\n * import { findProgressButton } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findProgressButton(driver, By.id('my-oj-c-progress-button'));\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 findProgressButton(\n  driver: DriverLike,\n  by: By\n): Promise<ProgressButtonWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type ProgressButtonWebElement\n  if (!(webEl instanceof ProgressButtonWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'ProgressButtonWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findProgressButton(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${ProgressButtonWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-progress-button', ProgressButtonWebElement);\n"]}

package/oj-c/progress-button/component.json

@@ -0,0 +1,258 @@
+{
+  "name": "progress-button",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CProgressButtonElement"
+  ],
+  "description": "A Progress button represents button-level initiation.",
+  "displayName": "Progress Button",
+  "help": "oj-c.ProgressButton.html",
+  "main": "oj-c/progress-button",
+  "since": "17.1.0",
+  "status": [
+    {
+      "type": "production",
+      "since": "17.1.0"
+    }
+  ],
+  "extension": {
+    "catalog": {
+      "category": "Controls"
+    },
+    "vbdt": {
+      "module": "oj-c/progress-button"
+    },
+    "oracle": {
+      "icon": "oj-ux-ico-button",
+      "uxSpecs": [
+        "button"
+      ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ProgressButtonWebElement.html"
+    }
+  },
+  "propertyLayout": [
+    {
+      "propertyGroup": "common",
+      "items": [
+        "label",
+        "tooltip",
+        "display",
+        "chroming",
+        "isloading",
+        "size",
+        "width",
+        "edge",
+        "disabled"
+      ]
+    }
+  ],
+  "properties": {
+    "label": {
+      "type": "string",
+      "description": "Text to show in the button or as tooltip for icon mode.",
+      "help": "#label",
+      "required": true,
+      "translatable": true
+    },
+    "tooltip": {
+      "type": "string",
+      "description": "Text to show in the tooltip. This overrides the default tooltip that renders the label when in icon mode.",
+      "help": "#tooltip",
+      "translatable": true
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "Specifies that the button element should be disabled.",
+      "help": "#disabled",
+      "value": false
+    },
+    "isLoading": {
+      "type": "boolean",
+      "description": "Specifies if progress should be shown.",
+      "help": "#isLoading"
+    },
+    "width": {
+      "type": "number|string",
+      "description": "Specifies that the button style width",
+      "help": "#width"
+    },
+    "display": {
+      "type": "string",
+      "description": "Display just the label, the icons, or all. Label is used as tooltip and should be set in all cases.",
+      "help": "#display",
+      "propertyEditorValues": {
+        "all": {
+          "description": "Display both the label and icons.",
+          "displayName": "All"
+        },
+        "icons": {
+          "description": "Display only the icons.",
+          "displayName": "Icons"
+        },
+        "label": {
+          "description": "Display only the text label.",
+          "displayName": "label"
+        }
+      },
+      "enumValues": [
+        "all",
+        "label",
+        "icons"
+      ],
+      "value": "all"
+    },
+    "size": {
+      "type": "string",
+      "description": "Size of button",
+      "help": "#size",
+      "propertyEditorValues": {
+        "sm": {
+          "description": "Display a small button.",
+          "displayName": "Small"
+        },
+        "md": {
+          "description": "Display a default size button.",
+          "displayName": "Medium"
+        },
+        "lg": {
+          "description": "Display a large button.",
+          "displayName": "Large"
+        }
+      },
+      "enumValues": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "value": "md"
+    },
+    "edge": {
+      "type": "string",
+      "description": "Specifies whether the button is attached to an edge. For example setting edge='bottom' can be used to attach a button to the bottom of a card. The button is then stretched to 100% width, and borders adjusted.",
+      "help": "#edge",
+      "propertyEditorValues": {
+        "none": {
+          "description": "Display a default standalone button.",
+          "displayName": "Small"
+        },
+        "bottom": {
+          "description": "Stretch the button to 100% width and adjust borders for usage at bottom of container.",
+          "displayName": "Bottom"
+        }
+      },
+      "enumValues": [
+        "none",
+        "bottom"
+      ],
+      "value": "none"
+    },
+    "chroming": {
+      "type": "string",
+      "description": "Indicates in what states the button has variants in background and border.",
+      "help": "#chroming",
+      "propertyEditorValues": {
+        "borderless": {
+          "description": "Borderless buttons are a more prominent variation. Borderless buttons are useful for supplemental actions that require minimal emphasis.",
+          "displayName": "Borderless"
+        },
+        "outlined": {
+          "description": "Outlined buttons are salient, but lighter weight than solid buttons. Outlined buttons are useful for secondary actions.",
+          "displayName": "Outlined"
+        },
+        "solid": {
+          "description": "Solid buttons stand out, and direct the user's attention to the most important actions in the UI.",
+          "displayName": "Solid"
+        },
+        "callToAction": {
+          "description": "A Call To Action (CTA) button guides the user to take or complete the action that is the main goal of the page or page section. There should only be one CTA button on a page at any given time.",
+          "displayName": "Call To Action"
+        }
+      },
+      "enumValues": [
+        "solid",
+        "borderless",
+        "outlined",
+        "callToAction"
+      ],
+      "binding": {
+        "consume": {
+          "name": "containerChroming"
+        }
+      },
+      "value": "outlined"
+    }
+  },
+  "slots": {
+    "startIcon": {
+      "description": "The startIcon slot is the button's start icon. The oj-c-progress-button element accepts DOM nodes as children with the startIcon slot.",
+      "help": "#startIcon"
+    }
+  },
+  "events": {
+    "ojAction": {
+      "bubbles": true,
+      "description": "Triggered when a button is clicked, whether by keyboard, mouse, or touch events. To meet accessibility requirements, the only supported way to react to the click of a button is to listen for this event.",
+      "eventGroup": "common",
+      "help": "#event:action"
+    }
+  },
+  "methods": {
+    "focus": {
+      "return": "void"
+    },
+    "blur": {
+      "return": "void"
+    },
+    "click": {
+      "return": "void"
+    },
+    "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/progress-button/index.js

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

package/oj-c/progress-button/progress-button-styles.css

@@ -0,0 +1,12 @@
+oj-c-progress-button:not(.oj-complete) {
+  visibility: hidden;
+}
+
+oj-c-progress-button {
+  display: inline-flex;
+  vertical-align: top;
+}
+
+oj-c-progress-button[hidden] {
+  display: none;
+}

package/oj-c/progress-button/progress-button.js

@@ -0,0 +1,50 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_ProgressButton", "@oracle/oraclejet-preact/UNSAFE_IconProgressButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "preact/hooks", "preact/compat", "css!oj-c/progress-button/progress-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, UNSAFE_ProgressButton_1, UNSAFE_IconProgressButton_1, UNSAFE_useTabbableMode_1, UNSAFE_useTooltip_1, UNSAFE_mergeProps_1, hooks_1, compat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ProgressButton = void 0;
+    function ProgressButtonImpl({ chroming = 'outlined', disabled = false, size = 'md', display = 'all', startIcon, edge = 'none', tooltip, isLoading, width, label, onOjAction, ...otherProps }, ref) {
+        const rootRef = (0, hooks_1.useRef)();
+        const buttonRef = (0, hooks_1.useRef)();
+        const iconButtonRef = (0, hooks_1.useRef)();
+        const isLabelButton = display != 'icons' || (!startIcon && display == 'icons');
+        const widthSize = { width: edge === 'bottom' ? '100%' : width };
+        const widthProps = width || edge !== 'none' ? { style: widthSize } : {};
+        const ariaProps = { 'aria-label': label };
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            blur: () => (isLabelButton ? buttonRef.current?.blur() : iconButtonRef?.current?.blur()),
+            focus: () => (isLabelButton ? buttonRef.current?.focus() : iconButtonRef?.current?.focus()),
+            click: () => (isLabelButton ? buttonRef.current?.click() : iconButtonRef?.current?.click())
+        }), [isLabelButton, buttonRef, iconButtonRef]);
+        if (isLabelButton) {
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, ...widthProps, children: (0, jsx_runtime_1.jsx)(FunctionalProgressButton, { ref: buttonRef, type: "submit", variant: chroming, isDisabled: disabled, width: '100%', onAction: onOjAction, startIcon: startIcon, isLoading: isLoading, size: size, label: display == 'icons' ? (!startIcon ? label : '') : label, display: display != 'icons' ? display : 'all', ...otherProps }) }));
+        }
+        else {
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, ...widthProps, children: (0, jsx_runtime_1.jsx)(FunctionalIconProgressButton, { width: '100%', ref: iconButtonRef, type: "submit", variant: chroming, isDisabled: disabled, isLoading: isLoading, tooltip: label, onAction: onOjAction, size: size, ...ariaProps, ...otherProps, children: startIcon }) }));
+        }
+    }
+    exports.ProgressButton = (0, ojvcomponent_1.registerCustomElement)('oj-c-progress-button', (0, compat_1.forwardRef)(ProgressButtonImpl), "ProgressButton", { "properties": { "label": { "type": "string" }, "tooltip": { "type": "string" }, "disabled": { "type": "boolean" }, "isLoading": { "type": "boolean" }, "width": { "type": "number|string" }, "display": { "type": "string", "enumValues": ["all", "label", "icons"] }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "edge": { "type": "string", "enumValues": ["none", "bottom"] }, "chroming": { "type": "string", "enumValues": ["solid", "borderless", "outlined", "callToAction"], "binding": { "consume": { "name": "containerChroming" } } } }, "slots": { "startIcon": {} }, "events": { "ojAction": { "bubbles": true } }, "methods": { "focus": {}, "blur": {}, "click": {} } }, { "chroming": "outlined", "disabled": false, "size": "md", "display": "all", "edge": "none" }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+    const FunctionalProgressButton = (0, compat_1.forwardRef)((props, ref) => {
+        const buttonRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => buttonRef.current?.focus(),
+            blur: () => buttonRef.current?.blur(),
+            click: () => buttonRef.current?.click()
+        }), []);
+        const { tooltipContent, tooltipProps } = (0, UNSAFE_useTooltip_1.useTooltip)({
+            text: props.tooltip,
+            isDisabled: props.isDisabled
+        });
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UNSAFE_ProgressButton_1.ProgressButton, { ref: buttonRef, ...(0, UNSAFE_mergeProps_1.mergeProps)(props, tooltipProps) }), tooltipContent] }));
+    });
+    const FunctionalIconProgressButton = (0, compat_1.forwardRef)((props, ref) => {
+        const iconButtonRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => iconButtonRef.current?.focus(),
+            blur: () => iconButtonRef.current?.blur(),
+            click: () => iconButtonRef.current?.click()
+        }), []);
+        return (0, jsx_runtime_1.jsx)(UNSAFE_IconProgressButton_1.IconProgressButton, { ref: iconButtonRef, ...props });
+    });
+});

package/oj-c/progress-button.js

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

package/oj-c/progress-circle/component.json

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

package/oj-c/radioset/component.json

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

package/oj-c/radioset/useRadiosetPreact.js

@@ -1,19 +1,23 @@
-define(["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1) {
+define(["require", "exports", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators", "oj-c/hooks/UNSAFE_useEditableValue/index", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle"], function (require, exports, useDeferredValidators_1, index_1, UNSAFE_useTranslationBundle_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useRadiosetPreact = void 0;
     function useRadiosetPreact({ direction, disabled, displayOptions, labelEdge, labelHint, labelStartWidth, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
         const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
         const requiredMessageDetail = propRequiredMessageDetail || translations.radio_requiredMessageDetail();
-        const { value, methods, textFieldProps } = (0, useEditableValue_1.useEditableValue)({
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const { value, methods, textFieldProps } = (0, index_1.useEditableValue)({
             ariaDescribedBy: otherProps['aria-describedby'],
+            deferredValidators,
+            defaultDisplayValue: null,
             disabled,
             displayOptions,
-            labelHint,
             messagesCustom,
             readonly,
-            required,
-            requiredMessageDetail,
             value: propValue,
             addBusyState,
             onMessagesCustomChanged,

package/oj-c/rating-gauge/component.json

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

package/oj-c/rating-gauge/rating-gauge.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_RatingGauge", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "css!oj-c/rating-gauge/rating-gauge-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_RatingGauge_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_RatingGauge", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "@oracle/oraclejet-preact/utils/UNSAFE_stringUtils", "css!oj-c/rating-gauge/rating-gauge-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_RatingGauge_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1, UNSAFE_stringUtils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RatingGauge = void 0;
@@ -20,10 +20,18 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 color: (0, meterUtils_1.getThresholdColorByIndex)(threshold, index)
             };
         });
+        const preactRatingGaugeAriaLabelledBy = (0, UNSAFE_stringUtils_1.merge)([
+            otherProps['aria-labelledby'],
+            otherProps.labelledBy
+        ]);
+        const preactRatingGaugeAriaDescribedBy = (0, UNSAFE_stringUtils_1.merge)([
+            otherProps['aria-describedby'],
+            otherProps.describedBy
+        ]);
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_RatingGauge_1.RatingGauge, { isReadonly: readonly, isDisabled: disabled, value: (hoveredVal != undefined ? hoveredVal : value), step: step, max: max, size: size, color: color, thresholds: thresholds, tooltip: otherProps.tooltip, datatip: otherProps.datatip?.({
                     value: hoveredVal != undefined ? hoveredVal : value
-                }), onCommit: commitHandler, onInput: inputHandler, "aria-label": otherProps['aria-label'], "aria-labelledby": otherProps.labelledBy ?? undefined, "aria-describedby": otherProps.describedBy ?? undefined }) }));
-    }, "RatingGauge", { "properties": { "max": { "type": "number" }, "readonly": { "type": "boolean" }, "disabled": { "type": "boolean" }, "changed": { "type": "boolean", "writeback": true }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "color": { "type": "string", "enumValues": ["gold", "neutral"] }, "thresholds": { "type": "Array<object>" }, "datatip": { "type": "function" }, "tooltip": { "type": "string" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["changed", "value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, { "max": 5, "value": 0, "size": "md", "color": "neutral", "step": 1, "readonly": false, "disabled": false, "changed": false }, {
+                }), onCommit: commitHandler, onInput: inputHandler, "aria-label": otherProps['aria-label'], "aria-labelledby": preactRatingGaugeAriaLabelledBy ?? undefined, "aria-describedby": preactRatingGaugeAriaDescribedBy ?? undefined }) }));
+    }, "RatingGauge", { "properties": { "max": { "type": "number" }, "readonly": { "type": "boolean" }, "disabled": { "type": "boolean" }, "changed": { "type": "boolean", "writeback": true }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "color": { "type": "string", "enumValues": ["gold", "neutral"] }, "thresholds": { "type": "Array<object>" }, "datatip": { "type": "function" }, "tooltip": { "type": "string" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["changed", "value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-labelledby", "aria-describedby"] } }, { "max": 5, "value": 0, "size": "md", "color": "neutral", "step": 1, "readonly": false, "disabled": false, "changed": false }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });

package/oj-c/select-common/PRIVATE_DebouncingDataProviderView/Debouncer.js

@@ -0,0 +1,78 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Debouncer = void 0;
+    class Debouncer {
+        constructor() {
+            this._responseTimes = [
+                { time: 900, count: 0 },
+                { time: 720, count: 0 },
+                { time: 600, count: 0 },
+                { time: 450, count: 0 },
+                { time: 360, count: 0 },
+                { time: 300, count: 0 }
+            ];
+            this._requestTime = { time: 250, count: 0 };
+            this._lastRequestTime = 0;
+        }
+        debounce(callback, filterTextLength) {
+            const wait = this.GetDebounceTime(filterTextLength);
+            return (...args) => {
+                window.setTimeout(() => {
+                    callback(...args);
+                }, wait);
+            };
+        }
+        recordResponseTime(time, filterTextLength) {
+            const index = Math.min(filterTextLength, 5);
+            const record = this._responseTimes[index];
+            if (record.count === 0) {
+                record.time = time;
+            }
+            else {
+                record.time = (record.time * record.count + time) / (record.count + 1);
+            }
+            record.count += 1;
+        }
+        recordRequestTime() {
+            const requestTime = Date.now();
+            const lastRequestTime = this._lastRequestTime;
+            this._lastRequestTime = requestTime;
+            if (lastRequestTime === 0) {
+                return;
+            }
+            const time = requestTime - lastRequestTime;
+            if (time > 1000) {
+                return;
+            }
+            const record = this._requestTime;
+            if (record.count === 0) {
+                record.time = time;
+            }
+            else {
+                record.time = (record.time * record.count + time) / (record.count + 1);
+            }
+            record.count += 1;
+        }
+        _getResponseTime(filterTextLength) {
+            const index = Math.min(filterTextLength, 5);
+            const record = this._responseTimes[index];
+            return record.time;
+        }
+        _getRequestTime() {
+            return this._requestTime.time;
+        }
+        GetDebounceTime(filterTextLength) {
+            const responseTime = this._getResponseTime(filterTextLength);
+            const requestTime = this._getRequestTime();
+            const paddedRequestTime = 1.2 * requestTime;
+            if (responseTime < paddedRequestTime) {
+                return 0;
+            }
+            const factor = (responseTime - paddedRequestTime) / responseTime;
+            const debounceTime = (1 + factor) * paddedRequestTime;
+            return debounceTime;
+        }
+    }
+    exports.Debouncer = Debouncer;
+});