@oracle/oraclejet-core-pack 14.0.0

package/oj-c/file-picker/__webdriver__/FilePickerWebElementBase.js

@@ -0,0 +1,87 @@
+"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.FilePickerWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-file-picker WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, FilePickerWebElement.ts.
+ */
+var FilePickerWebElementBase = /** @class */ (function (_super) {
+    __extends(FilePickerWebElementBase, _super);
+    function FilePickerWebElementBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Gets the value of <code>accept</code> property.
+     * An array of strings of allowed MIME types or file extensions that can be uploaded. If not specified, accept all file types
+     * @return The value of <code>accept</code> property.
+     *
+     */
+    FilePickerWebElementBase.prototype.getAccept = function () {
+        return this.getProperty('accept');
+    };
+    /**
+     * Gets the value of <code>capture</code> property.
+     * Specifies the preferred facing mode for the device's media capture mechanism.
+     * @return The value of <code>capture</code> property.
+     *
+     */
+    FilePickerWebElementBase.prototype.getCapture = function () {
+        return this.getProperty('capture');
+    };
+    /**
+     * Gets the value of <code>disabled</code> property.
+     * Disables the filepicker if set to true
+     * @return The value of <code>disabled</code> property.
+     *
+     */
+    FilePickerWebElementBase.prototype.getDisabled = function () {
+        return this.getProperty('disabled');
+    };
+    /**
+     * Gets the value of <code>primaryText</code> property.
+     * The primary text for the default file picker.
+     * @return The value of <code>primaryText</code> property.
+     *
+     */
+    FilePickerWebElementBase.prototype.getPrimaryText = function () {
+        return this.getProperty('primaryText');
+    };
+    /**
+     * Gets the value of <code>secondaryText</code> property.
+     * The secondary text for the default file picker.
+     * @return The value of <code>secondaryText</code> property.
+     *
+     */
+    FilePickerWebElementBase.prototype.getSecondaryText = function () {
+        return this.getProperty('secondaryText');
+    };
+    /**
+     * Gets the value of <code>selectionMode</code> property.
+     * Whether to allow single or multiple file selection.
+     * @return The value of <code>selectionMode</code> property.
+     *
+     */
+    FilePickerWebElementBase.prototype.getSelectionMode = function () {
+        return this.getProperty('selectionMode');
+    };
+    return FilePickerWebElementBase;
+}(elements_1.OjWebElement));
+exports.FilePickerWebElementBase = FilePickerWebElementBase;

package/oj-c/file-picker/__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.findFilePicker = exports.FilePickerWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var FilePickerWebElement_1 = require("./FilePickerWebElement");
+exports.FilePickerWebElement = FilePickerWebElement_1.FilePickerWebElement;
+/**
+ * Retrieve an instance of [[FilePickerWebElement]].
+ * @example
+ * ```javascript
+ * import { findFilePicker } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findFilePicker(driver, By.id('my-oj-c-file-picker'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+function findFilePicker(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 FilePickerWebElement_1.FilePickerWebElement)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, webEl.getTagName()];
+                case 2:
+                    tagName = _a.sent();
+                    throw Error("findFilePicker(".concat(by, ") created ").concat(webEl.constructor.name, " for <").concat(tagName, ">, but expected ").concat(FilePickerWebElement_1.FilePickerWebElement.name));
+                case 3: return [2 /*return*/, webEl];
+            }
+        });
+    });
+}
+exports.findFilePicker = findFilePicker;
+(0, oraclejet_webdriver_1.register)('oj-c-file-picker', FilePickerWebElement_1.FilePickerWebElement);

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

@@ -0,0 +1,209 @@
+{
+  "name": "file-picker",
+  "version": "1.0.0",
+  "jetVersion": "^14.0.0",
+  "type": "composite",
+  "pack": "oj-c",
+  "implements": [
+    "CFilePickerElement"
+  ],
+  "properties": {
+    "accept": {
+      "type": "Array<string>",
+      "description": "An array of strings of allowed MIME types or file extensions that can be uploaded. If not specified, accept all file types",
+      "displayName": "Accept",
+      "help": "#accept"
+    },
+    "capture": {
+      "type": "string",
+      "description": "Specifies the preferred facing mode for the device's media capture mechanism.",
+      "displayName": "Capture",
+      "help": "#capture",
+      "propertyEditorValues": {
+        "user": {
+          "description": "Specifies user-facing as the preferred mode",
+          "displayName": "User"
+        },
+        "environment": {
+          "description": "Specifies environment-facing as the preferred mode",
+          "displayName": "Environment"
+        },
+        "implementation": {
+          "description": "Specifies an implementation-specific default as the preferred facing mode",
+          "displayName": "Implementation"
+        },
+        "none": {
+          "description": "No capture mechanism is used",
+          "displayName": "None"
+        }
+      },
+      "enumValues": [
+        "none",
+        "user",
+        "environment",
+        "implementation"
+      ],
+      "value": "none"
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "Disables the filepicker if set to true",
+      "displayName": "Disabled",
+      "help": "#disabled",
+      "value": false
+    },
+    "primaryText": {
+      "type": "string|function",
+      "description": "The primary text for the default file picker.",
+      "displayName": "Primary Text",
+      "help": "#primaryText"
+    },
+    "secondaryText": {
+      "type": "string|function",
+      "description": "The secondary text for the default file picker.",
+      "displayName": "Secondary Text",
+      "help": "#secondaryText"
+    },
+    "selectionMode": {
+      "type": "string",
+      "description": "Whether to allow single or multiple file selection.",
+      "displayName": "Selection Mode",
+      "help": "#selectionMode",
+      "propertyEditorValues": {
+        "multiple": {
+          "description": "multiple file selection",
+          "displayName": "Multiple"
+        },
+        "single": {
+          "description": "single file selection",
+          "displayName": "Single"
+        }
+      },
+      "enumValues": [
+        "multiple",
+        "single"
+      ],
+      "value": "multiple"
+    }
+  },
+  "slots": {
+    "trigger": {
+      "description": "The trigger slot is used to replace the default content of the file picker.",
+      "help": "#trigger"
+    }
+  },
+  "events": {
+    "ojBeforeSelect": {
+      "cancelable": true,
+      "description": "Triggered before files are selected to allow for custom validation",
+      "help": "#event:beforeSelect",
+      "detail": {
+        "accept": {
+          "description": "This method can be called with an application-created Promise to cancel this event asynchronously.  The Promise should be resolved or rejected to accept or cancel the event, respectively.",
+          "type": "function"
+        },
+        "files": {
+          "type": "FileList",
+          "description": "The selected files"
+        }
+      }
+    },
+    "ojInvalidSelect": {
+      "description": "Triggered when invalid files are selected",
+      "help": "#event:invalidSelect",
+      "detail": {
+        "messages": {
+          "type": "Array<object>",
+          "description": "Messages that should be displayed to the user describing invalid files.",
+          "extension": {
+            "vbdt": {
+              "itemProperties": {
+                "summary": {
+                  "type": "string"
+                },
+                "detail": {
+                  "type": "string"
+                },
+                "severity": {
+                  "type": "string",
+                  "enumValues": [
+                    "error",
+                    "confirmation",
+                    "info",
+                    "warning"
+                  ]
+                }
+              }
+            }
+          }
+        },
+        "until": {
+          "type": "Promise|null",
+          "description": "This property may be populated with a Promise to provide short-term feedback during a user interaction (typically drag and drop); the feedback should be cleared upon the resolution of this Promise."
+        }
+      }
+    },
+    "ojSelect": {
+      "description": "Triggered after the files are selected",
+      "help": "#event:select",
+      "detail": {
+        "files": {
+          "type": "FileList",
+          "description": "The files that were just selected."
+        }
+      }
+    }
+  },
+  "methods": {
+    "focus": {
+      "description": "Sets focus on the file picker or the first tabbable element for file picker with custom content.",
+      "return": "void"
+    },
+    "blur": {
+      "description": "Blurs the file picker",
+      "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"
+    }
+  },
+  "main": "oj-c/file-picker"
+}

package/oj-c/file-picker/file-picker-styles.css

@@ -0,0 +1,17 @@
+oj-c-file-picker:not(.oj-complete) {
+  visibility: hidden;
+}
+
+oj-c-file-picker {
+  display: block;
+  max-width: 400px;
+  width: 100%;
+}
+ 
+oj-c-file-picker.oj-c-file-picker-with-trigger {
+  display: inline-block;
+}
+
+oj-c-file-picker[hidden] {
+  display: none;
+}

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

@@ -0,0 +1,59 @@
+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_FilePicker", "preact/hooks", "preact/compat", "ojs/ojvcomponent", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_focusTabUtils/focusUtils", "css!oj-c/file-picker/file-picker-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_FilePicker_1, hooks_1, compat_1, ojvcomponent_1, UNSAFE_useTabbableMode_1, focusUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FilePicker = void 0;
+    translationBundle_1 = __importDefault(translationBundle_1);
+    const getPrimaryText = (primaryText) => {
+        if (typeof primaryText === 'function') {
+            return primaryText();
+        }
+        return primaryText;
+    };
+    const getSecondaryText = (secondaryText, selectionMode) => {
+        if (typeof secondaryText === 'function') {
+            return secondaryText({ selectionMode: selectionMode });
+        }
+        return secondaryText;
+    };
+    exports.FilePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-file-picker', (0, compat_1.forwardRef)((_a, ref) => {
+        var { capture = 'none', disabled = false, selectionMode = 'multiple' } = _a, otherProps = __rest(_a, ["capture", "disabled", "selectionMode"]);
+        const onCommit = (0, hooks_1.useCallback)((event) => {
+            var _a;
+            (_a = otherProps.onOjBeforeSelect) === null || _a === void 0 ? void 0 : _a.call(otherProps, { files: event.files }).then(() => {
+                var _a;
+                (_a = otherProps.onOjSelect) === null || _a === void 0 ? void 0 : _a.call(otherProps, { files: event.files });
+            }, (messages) => {
+                var _a;
+                (_a = otherProps.onOjInvalidSelect) === null || _a === void 0 ? void 0 : _a.call(otherProps, { messages: messages, until: null });
+            });
+        }, [otherProps.onOjBeforeSelect, otherProps.onOjSelect, otherProps.onOjInvalidSelect]);
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => (0, focusUtils_1.focusFirstTabStop)(rootRef.current),
+            blur: () => {
+                var _a;
+                const focusElement = document.activeElement;
+                if ((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(focusElement)) {
+                    focusElement.blur();
+                }
+            }
+        }));
+        const rootRef = (0, hooks_1.useRef)(null);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, Object.assign({ ref: rootRef, class: otherProps.trigger ? 'oj-c-file-picker-with-trigger' : undefined }, { children: (0, jsx_runtime_1.jsx)(UNSAFE_FilePicker_1.FilePicker, Object.assign({ capture: capture, isDisabled: disabled, selectionMode: selectionMode, onCommit: onCommit, onReject: otherProps.onOjInvalidSelect, accept: otherProps.accept, primaryText: getPrimaryText(otherProps.primaryText), secondaryText: getSecondaryText(otherProps.secondaryText, selectionMode), accessibleLabel: otherProps['aria-label'], width: "100%" }, { children: otherProps.trigger })) })));
+    }), "FilePicker", { "properties": { "accept": { "type": "Array<string>" }, "capture": { "type": "string", "enumValues": ["none", "user", "environment", "implementation"] }, "disabled": { "type": "boolean" }, "primaryText": { "type": "string|function" }, "secondaryText": { "type": "string|function" }, "selectionMode": { "type": "string", "enumValues": ["multiple", "single"] } }, "slots": { "trigger": {} }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojInvalidSelect": {}, "ojSelect": {} }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] }, "methods": { "focus": {}, "blur": {} } }, { "capture": "none", "disabled": false, "selectionMode": "multiple" }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+});

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

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

package/oj-c/file-picker.js

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

package/oj-c/hooks/UNSAFE_useDataProvider/DataProviderHandler.js

@@ -0,0 +1,89 @@
+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 __asyncValues = (this && this.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+};
+define(["require", "exports", "./utils"], function (require, exports, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataProviderHandler = void 0;
+    class DataProviderHandler {
+        constructor(dataProvider, addBusyState, callback) {
+            this.handleMutateEvent = (event) => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
+                const { detail } = event;
+                const resolver = this.addBusyState('updating data from mutation event');
+                const updatedData = yield (0, utils_1.getUpdatedItemsFromMutationDetail)(detail, this.currentData, this.dataProvider);
+                resolver === null || resolver === void 0 ? void 0 : resolver();
+                this.currentData = updatedData;
+                (_b = (_a = this.callback) === null || _a === void 0 ? void 0 : _a.onDataUpdated) === null || _b === void 0 ? void 0 : _b.call(_a, updatedData);
+            });
+            this.handleRefreshEvent = () => {
+                this._fetchDataAndNotify();
+            };
+            this.addBusyState = addBusyState;
+            this.callback = callback;
+            this.dataProvider = dataProvider;
+            this.currentData = [];
+            dataProvider.addEventListener('refresh', this.handleRefreshEvent);
+            dataProvider.addEventListener('mutate', this.handleMutateEvent);
+            this._fetchDataAndNotify();
+        }
+        destroy() {
+            this.callback = undefined;
+            this.currentData = [];
+            this.dataProvider.removeEventListener('refresh', this.handleRefreshEvent);
+            this.dataProvider.removeEventListener('mutate', this.handleMutateEvent);
+        }
+        _fetchData() {
+            var e_1, _a;
+            return __awaiter(this, void 0, void 0, function* () {
+                const fetchedData = [];
+                const asyncIterable = this.dataProvider.fetchFirst({ size: -1 });
+                try {
+                    for (var asyncIterable_1 = __asyncValues(asyncIterable), asyncIterable_1_1; asyncIterable_1_1 = yield asyncIterable_1.next(), !asyncIterable_1_1.done;) {
+                        const results = asyncIterable_1_1.value;
+                        const contextArray = results.data.map((item, index) => {
+                            return {
+                                data: item,
+                                key: results.metadata[index].key,
+                                metadata: results.metadata[index]
+                            };
+                        });
+                        fetchedData.push(...contextArray);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (asyncIterable_1_1 && !asyncIterable_1_1.done && (_a = asyncIterable_1.return)) yield _a.call(asyncIterable_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                this.currentData = fetchedData.slice();
+                return fetchedData;
+            });
+        }
+        _fetchDataAndNotify() {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function* () {
+                const resolver = this.addBusyState('fetching data');
+                const fetchedData = yield this._fetchData();
+                (_b = (_a = this.callback) === null || _a === void 0 ? void 0 : _a.onDataUpdated) === null || _b === void 0 ? void 0 : _b.call(_a, fetchedData);
+                resolver();
+            });
+        }
+    }
+    exports.DataProviderHandler = DataProviderHandler;
+});

package/oj-c/hooks/UNSAFE_useDataProvider/useDataProvider.js

@@ -0,0 +1,25 @@
+define(["require", "exports", "preact/hooks", "./DataProviderHandler"], function (require, exports, hooks_1, DataProviderHandler_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataProvider = void 0;
+    function useDataProvider({ addBusyState, data }) {
+        const [fetchedData, setFetchedData] = (0, hooks_1.useState)([]);
+        const dataProviderHandler = (0, hooks_1.useRef)();
+        (0, hooks_1.useEffect)(() => {
+            if (data !== undefined) {
+                dataProviderHandler.current = new DataProviderHandler_1.DataProviderHandler(data, addBusyState, {
+                    onDataUpdated: setFetchedData
+                });
+            }
+            return () => {
+                var _a;
+                (_a = dataProviderHandler.current) === null || _a === void 0 ? void 0 : _a.destroy();
+                dataProviderHandler.current = undefined;
+            };
+        }, [data, addBusyState]);
+        return {
+            data: fetchedData
+        };
+    }
+    exports.useDataProvider = useDataProvider;
+});