@openedx/frontend-base 1.0.0-alpha.11 → 1.0.0-alpha.13

package/{runtime/slots/widget/iframe/index.ts → dist/runtime/slots/widget/iframe/index.d.ts}

@@ -1,6 +1,3 @@
 export { default as IFrameContentWrapper } from './IFrameContentWrapper';
 export { default as IFrameWidget } from './IFrameWidget';
-export type {
-  MessageEventCallback,
-  MessageEventCallbackParams
-} from './types';
+export type { MessageEventCallback, MessageEventCallbackParams } from './types';

package/dist/runtime/slots/widget/iframe/index.js

@@ -0,0 +1,3 @@
+export { default as IFrameContentWrapper } from './IFrameContentWrapper';
+export { default as IFrameWidget } from './IFrameWidget';
+//# sourceMappingURL=index.js.map

package/dist/runtime/slots/widget/iframe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../runtime/slots/widget/iframe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default as IFrameContentWrapper } from './IFrameContentWrapper';\nexport { default as IFrameWidget } from './IFrameWidget';\nexport type {\n  MessageEventCallback,\n  MessageEventCallbackParams\n} from './types';\n"]}

package/{runtime/slots/widget/iframe/types.ts → dist/runtime/slots/widget/iframe/types.d.ts}

@@ -1,7 +1,5 @@
 export interface MessageEventCallbackParams {
-  type: string,
-  payload: any,
+    type: string;
+    payload: any;
 }
-
 export type MessageEventCallback = ({ type, payload }: MessageEventCallbackParams) => void;
-;

package/dist/runtime/slots/widget/iframe/types.js

@@ -0,0 +1,3 @@
+;
+export {};
+//# sourceMappingURL=types.js.map

package/dist/runtime/slots/widget/iframe/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../runtime/slots/widget/iframe/types.ts"],"names":[],"mappings":"AAMA,CAAC","sourcesContent":["export interface MessageEventCallbackParams {\n  type: string,\n  payload: any,\n}\n\nexport type MessageEventCallback = ({ type, payload }: MessageEventCallbackParams) => void;\n;\n"]}

package/dist/runtime/slots/widget/index.js

@@ -0,0 +1,6 @@
+export * from './hooks';
+export * from './iframe';
+export { WidgetOperationTypes } from './types';
+export * from './utils';
+export { default as WidgetContext } from './WidgetContext';
+//# sourceMappingURL=index.js.map

package/dist/runtime/slots/widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../runtime/slots/widget/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export * from './hooks';\nexport * from './iframe';\nexport type * from './types';\nexport { WidgetOperationTypes } from './types';\nexport * from './utils';\nexport { default as WidgetContext } from './WidgetContext';\n"]}

package/{runtime/slots/widget/types.ts → dist/runtime/slots/widget/types.d.ts}

@@ -7,128 +7,94 @@
  *
  * Relative widget operations depend on a relationship to some other list element, such as "insert before" and "insert after".  Some affect those elements, some add something to the list near them.
  */
-
 import { ReactNode } from 'react';
 import { BaseSlotOperation } from '../types';
-
-export enum WidgetOperationTypes {
-  /**
-   * Adds a widget to the end of the slot's list of widgets.
-   */
-  APPEND = 'widgetAppend',
-
-  /**
-   * Adds a widget to the beginning of the slot's list of widgets.
-   */
-  PREPEND = 'widgetPrepend',
-
-  /**
-   * Adds a widget after the specified widget ID.  Multiple "insert after" operations on the same widget ID occur in the order they were declared.
-   */
-  INSERT_AFTER = 'widgetInsertAfter',
-
-  /**
-   * Adds a widget before the specified widget ID.  Multiple "insert after" operations on the same widget ID occur in the order they were declared.
-   */
-  INSERT_BEFORE = 'widgetInsertBefore',
-
-  /**
-   * Removes the specified widget ID and adds a widget in its place.  Multiple "replace" operations on the same widget ID occur in the order they were declared, and only the first will succeed unless the new widget's ID is the same as the one that was removed.
-   */
-  REPLACE = 'widgetReplace',
-
-  /**
-   * Removes the specified widget ID from the slot's list of widgets.  Subsequent relative widget operations on that widget ID will not be applied.
-   */
-  REMOVE = 'widgetRemove',
-
-  /**
-   * Provides options to the specified widget ID.  Multiple "options" operations on the same widget ID will merge with and override any duplicate properties in the options object - last one in wins.
-   */
-  OPTIONS = 'widgetOptions',
+export declare enum WidgetOperationTypes {
+    /**
+     * Adds a widget to the end of the slot's list of widgets.
+     */
+    APPEND = "widgetAppend",
+    /**
+     * Adds a widget to the beginning of the slot's list of widgets.
+     */
+    PREPEND = "widgetPrepend",
+    /**
+     * Adds a widget after the specified widget ID.  Multiple "insert after" operations on the same widget ID occur in the order they were declared.
+     */
+    INSERT_AFTER = "widgetInsertAfter",
+    /**
+     * Adds a widget before the specified widget ID.  Multiple "insert after" operations on the same widget ID occur in the order they were declared.
+     */
+    INSERT_BEFORE = "widgetInsertBefore",
+    /**
+     * Removes the specified widget ID and adds a widget in its place.  Multiple "replace" operations on the same widget ID occur in the order they were declared, and only the first will succeed unless the new widget's ID is the same as the one that was removed.
+     */
+    REPLACE = "widgetReplace",
+    /**
+     * Removes the specified widget ID from the slot's list of widgets.  Subsequent relative widget operations on that widget ID will not be applied.
+     */
+    REMOVE = "widgetRemove",
+    /**
+     * Provides options to the specified widget ID.  Multiple "options" operations on the same widget ID will merge with and override any duplicate properties in the options object - last one in wins.
+     */
+    OPTIONS = "widgetOptions"
 }
-
 export type AbsoluteWidgetOperationTypes = WidgetOperationTypes.APPEND | WidgetOperationTypes.PREPEND;
-
 export type RelativeWidgetOperationTypes = WidgetOperationTypes.INSERT_AFTER | WidgetOperationTypes.INSERT_BEFORE | WidgetOperationTypes.REPLACE | WidgetOperationTypes.OPTIONS;
-
 export interface BaseWidgetOperation extends BaseSlotOperation {
-  op: WidgetOperationTypes,
+    op: WidgetOperationTypes;
 }
-
-// Widget renderer props
-
 export interface WidgetComponentProps {
-  component: React.ComponentType,
+    component: React.ComponentType;
 }
-
 export interface WidgetElementProps {
-  element: ReactNode,
+    element: ReactNode;
 }
-
 export interface WidgetIFrameProps {
-  url: string,
-  title: string,
+    url: string;
+    title: string;
 }
-
-export type WidgetRendererProps = (
-  WidgetComponentProps | WidgetElementProps | WidgetIFrameProps
-);
-
+export type WidgetRendererProps = (WidgetComponentProps | WidgetElementProps | WidgetIFrameProps);
 export interface WidgetIdentityProps {
-  id: string,
-  role?: string,
+    id: string;
+    role?: string;
 }
-
 export interface WidgetRelationshipProps {
-  relatedId: string,
+    relatedId: string;
 }
-
-// Concrete UI Widget Operations
-
 export type WidgetAppendOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & {
-  op: WidgetOperationTypes.APPEND,
+    op: WidgetOperationTypes.APPEND;
 };
-
 export type WidgetPrependOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & {
-  op: WidgetOperationTypes.PREPEND,
+    op: WidgetOperationTypes.PREPEND;
 };
-
 export type WidgetInsertAfterOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & {
-  op: WidgetOperationTypes.INSERT_AFTER,
+    op: WidgetOperationTypes.INSERT_AFTER;
 };
-
 export type WidgetInsertBeforeOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & {
-  op: WidgetOperationTypes.INSERT_BEFORE,
+    op: WidgetOperationTypes.INSERT_BEFORE;
 };
-
 export type WidgetRemoveOperation = BaseWidgetOperation & WidgetRelationshipProps & {
-  op: WidgetOperationTypes.REMOVE,
+    op: WidgetOperationTypes.REMOVE;
 };
-
 export type WidgetOptionsOperation = BaseWidgetOperation & WidgetRelationshipProps & {
-  op: WidgetOperationTypes.OPTIONS,
-  options: Record<string, unknown>,
+    op: WidgetOperationTypes.OPTIONS;
+    options: Record<string, unknown>;
+};
+export type WidgetReplaceOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & {
+    op: WidgetOperationTypes.REPLACE;
 };
-
-export type WidgetReplaceOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & { op: WidgetOperationTypes.REPLACE };
-
 export type WidgetAbsoluteOperation = WidgetAppendOperation | WidgetPrependOperation;
-
 export type WidgetRelativeRendererOperation = WidgetInsertAfterOperation | WidgetInsertBeforeOperation | WidgetReplaceOperation;
-
 export type WidgetRelativeOperation = WidgetRelativeRendererOperation | WidgetRemoveOperation | WidgetOptionsOperation;
-
 export type WidgetRendererOperation = WidgetAbsoluteOperation | WidgetRelativeRendererOperation;
-
 export type WidgetOperation = WidgetAbsoluteOperation | WidgetRelativeOperation;
-
 /**
  * An identified widget is a simple data structure to associate an ID with a ReactNode so we can
  * apply widget operations to our list of widgets.  It helps us find a ReactNode with a particular
  * ID for relative widget operations.
  */
 export interface IdentifiedWidget {
-  id: string,
-  node: ReactNode,
+    id: string;
+    node: ReactNode;
 }

package/dist/runtime/slots/widget/types.js

@@ -0,0 +1,41 @@
+/**
+ * Base UI Widget Operations
+ *
+ * "Widget" operations are a sub-type of UI operations which allow manipulation of the list of widgets (UI components) loaded into the slot.  Widget operations are divided further into two sub-types: absolute and relative.
+ *
+ * Absolute widget operations allow simple list operations like appending and prepending which don't depend on any other list elements.
+ *
+ * Relative widget operations depend on a relationship to some other list element, such as "insert before" and "insert after".  Some affect those elements, some add something to the list near them.
+ */
+export var WidgetOperationTypes;
+(function (WidgetOperationTypes) {
+    /**
+     * Adds a widget to the end of the slot's list of widgets.
+     */
+    WidgetOperationTypes["APPEND"] = "widgetAppend";
+    /**
+     * Adds a widget to the beginning of the slot's list of widgets.
+     */
+    WidgetOperationTypes["PREPEND"] = "widgetPrepend";
+    /**
+     * Adds a widget after the specified widget ID.  Multiple "insert after" operations on the same widget ID occur in the order they were declared.
+     */
+    WidgetOperationTypes["INSERT_AFTER"] = "widgetInsertAfter";
+    /**
+     * Adds a widget before the specified widget ID.  Multiple "insert after" operations on the same widget ID occur in the order they were declared.
+     */
+    WidgetOperationTypes["INSERT_BEFORE"] = "widgetInsertBefore";
+    /**
+     * Removes the specified widget ID and adds a widget in its place.  Multiple "replace" operations on the same widget ID occur in the order they were declared, and only the first will succeed unless the new widget's ID is the same as the one that was removed.
+     */
+    WidgetOperationTypes["REPLACE"] = "widgetReplace";
+    /**
+     * Removes the specified widget ID from the slot's list of widgets.  Subsequent relative widget operations on that widget ID will not be applied.
+     */
+    WidgetOperationTypes["REMOVE"] = "widgetRemove";
+    /**
+     * Provides options to the specified widget ID.  Multiple "options" operations on the same widget ID will merge with and override any duplicate properties in the options object - last one in wins.
+     */
+    WidgetOperationTypes["OPTIONS"] = "widgetOptions";
+})(WidgetOperationTypes || (WidgetOperationTypes = {}));
+//# sourceMappingURL=types.js.map

package/dist/runtime/slots/widget/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../runtime/slots/widget/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,MAAM,CAAN,IAAY,oBAmCX;AAnCD,WAAY,oBAAoB;IAC9B;;OAEG;IACH,+CAAuB,CAAA;IAEvB;;OAEG;IACH,iDAAyB,CAAA;IAEzB;;OAEG;IACH,0DAAkC,CAAA;IAElC;;OAEG;IACH,4DAAoC,CAAA;IAEpC;;OAEG;IACH,iDAAyB,CAAA;IAEzB;;OAEG;IACH,+CAAuB,CAAA;IAEvB;;OAEG;IACH,iDAAyB,CAAA;AAC3B,CAAC,EAnCW,oBAAoB,KAApB,oBAAoB,QAmC/B","sourcesContent":["/**\n * Base UI Widget Operations\n *\n * \"Widget\" operations are a sub-type of UI operations which allow manipulation of the list of widgets (UI components) loaded into the slot.  Widget operations are divided further into two sub-types: absolute and relative.\n *\n * Absolute widget operations allow simple list operations like appending and prepending which don't depend on any other list elements.\n *\n * Relative widget operations depend on a relationship to some other list element, such as \"insert before\" and \"insert after\".  Some affect those elements, some add something to the list near them.\n */\n\nimport { ReactNode } from 'react';\nimport { BaseSlotOperation } from '../types';\n\nexport enum WidgetOperationTypes {\n  /**\n   * Adds a widget to the end of the slot's list of widgets.\n   */\n  APPEND = 'widgetAppend',\n\n  /**\n   * Adds a widget to the beginning of the slot's list of widgets.\n   */\n  PREPEND = 'widgetPrepend',\n\n  /**\n   * Adds a widget after the specified widget ID.  Multiple \"insert after\" operations on the same widget ID occur in the order they were declared.\n   */\n  INSERT_AFTER = 'widgetInsertAfter',\n\n  /**\n   * Adds a widget before the specified widget ID.  Multiple \"insert after\" operations on the same widget ID occur in the order they were declared.\n   */\n  INSERT_BEFORE = 'widgetInsertBefore',\n\n  /**\n   * Removes the specified widget ID and adds a widget in its place.  Multiple \"replace\" operations on the same widget ID occur in the order they were declared, and only the first will succeed unless the new widget's ID is the same as the one that was removed.\n   */\n  REPLACE = 'widgetReplace',\n\n  /**\n   * Removes the specified widget ID from the slot's list of widgets.  Subsequent relative widget operations on that widget ID will not be applied.\n   */\n  REMOVE = 'widgetRemove',\n\n  /**\n   * Provides options to the specified widget ID.  Multiple \"options\" operations on the same widget ID will merge with and override any duplicate properties in the options object - last one in wins.\n   */\n  OPTIONS = 'widgetOptions',\n}\n\nexport type AbsoluteWidgetOperationTypes = WidgetOperationTypes.APPEND | WidgetOperationTypes.PREPEND;\n\nexport type RelativeWidgetOperationTypes = WidgetOperationTypes.INSERT_AFTER | WidgetOperationTypes.INSERT_BEFORE | WidgetOperationTypes.REPLACE | WidgetOperationTypes.OPTIONS;\n\nexport interface BaseWidgetOperation extends BaseSlotOperation {\n  op: WidgetOperationTypes,\n}\n\n// Widget renderer props\n\nexport interface WidgetComponentProps {\n  component: React.ComponentType,\n}\n\nexport interface WidgetElementProps {\n  element: ReactNode,\n}\n\nexport interface WidgetIFrameProps {\n  url: string,\n  title: string,\n}\n\nexport type WidgetRendererProps = (\n  WidgetComponentProps | WidgetElementProps | WidgetIFrameProps\n);\n\nexport interface WidgetIdentityProps {\n  id: string,\n  role?: string,\n}\n\nexport interface WidgetRelationshipProps {\n  relatedId: string,\n}\n\n// Concrete UI Widget Operations\n\nexport type WidgetAppendOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & {\n  op: WidgetOperationTypes.APPEND,\n};\n\nexport type WidgetPrependOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & {\n  op: WidgetOperationTypes.PREPEND,\n};\n\nexport type WidgetInsertAfterOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & {\n  op: WidgetOperationTypes.INSERT_AFTER,\n};\n\nexport type WidgetInsertBeforeOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & {\n  op: WidgetOperationTypes.INSERT_BEFORE,\n};\n\nexport type WidgetRemoveOperation = BaseWidgetOperation & WidgetRelationshipProps & {\n  op: WidgetOperationTypes.REMOVE,\n};\n\nexport type WidgetOptionsOperation = BaseWidgetOperation & WidgetRelationshipProps & {\n  op: WidgetOperationTypes.OPTIONS,\n  options: Record<string, unknown>,\n};\n\nexport type WidgetReplaceOperation = BaseWidgetOperation & WidgetIdentityProps & WidgetRendererProps & WidgetRelationshipProps & { op: WidgetOperationTypes.REPLACE };\n\nexport type WidgetAbsoluteOperation = WidgetAppendOperation | WidgetPrependOperation;\n\nexport type WidgetRelativeRendererOperation = WidgetInsertAfterOperation | WidgetInsertBeforeOperation | WidgetReplaceOperation;\n\nexport type WidgetRelativeOperation = WidgetRelativeRendererOperation | WidgetRemoveOperation | WidgetOptionsOperation;\n\nexport type WidgetRendererOperation = WidgetAbsoluteOperation | WidgetRelativeRendererOperation;\n\nexport type WidgetOperation = WidgetAbsoluteOperation | WidgetRelativeOperation;\n\n/**\n * An identified widget is a simple data structure to associate an ID with a ReactNode so we can\n * apply widget operations to our list of widgets.  It helps us find a ReactNode with a particular\n * ID for relative widget operations.\n */\nexport interface IdentifiedWidget {\n  id: string,\n  node: ReactNode,\n}\n"]}

package/dist/runtime/slots/widget/utils.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { SlotOperation } from '../types';
+import { WidgetAbsoluteOperation, WidgetAppendOperation, WidgetElementProps, WidgetIdentityProps, WidgetInsertAfterOperation, WidgetInsertBeforeOperation, WidgetOperation, WidgetOperationTypes, WidgetOptionsOperation, WidgetPrependOperation, WidgetRemoveOperation, WidgetRendererOperation, WidgetReplaceOperation } from './types';
+export declare function isWidgetOperation(operation: SlotOperation): operation is WidgetOperation;
+export declare function isWidgetAbsoluteOperation(operation: WidgetOperation): operation is WidgetAbsoluteOperation;
+export declare function isWidgetRelativeOperation(operation: WidgetOperation): operation is (WidgetInsertAfterOperation | WidgetInsertBeforeOperation);
+export declare function isWidgetAppendOperation(operation: SlotOperation): operation is WidgetAppendOperation;
+export declare function isWidgetInsertAfterOperation(operation: SlotOperation): operation is WidgetInsertAfterOperation;
+export declare function isWidgetInsertBeforeOperation(operation: SlotOperation): operation is WidgetInsertBeforeOperation;
+export declare function isWidgetPrependOperation(operation: SlotOperation): operation is WidgetPrependOperation;
+export declare function isWidgetRemoveOperation(operation: SlotOperation): operation is WidgetRemoveOperation;
+export declare function isWidgetReplaceOperation(operation: SlotOperation): operation is WidgetReplaceOperation;
+export declare function isWidgetOptionsOperation(operation: SlotOperation): operation is WidgetOptionsOperation;
+export declare function isWidgetRendererOperation(operation: SlotOperation): operation is WidgetRendererOperation;
+export declare function isWidgetIdentityOperation(operation: SlotOperation): operation is (WidgetOperation & WidgetIdentityProps);
+export declare function isWidgetIdentityRoleOperation(operation: SlotOperation): operation is (WidgetOperation & WidgetIdentityProps & {
+    role: string;
+});
+export declare function createWidgetAppendOperation(id: string, slotId: string, element: ReactNode): (import("./types").BaseWidgetOperation & WidgetIdentityProps & WidgetElementProps & {
+    op: WidgetOperationTypes.APPEND;
+}) | undefined;
+export declare function createWidgets(operations: WidgetOperation[], componentProps?: Record<string, unknown>): ReactNode[];

package/dist/runtime/slots/widget/utils.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isSlotOperationConditionSatisfied } from '../utils';
+import { IFrameWidget } from './iframe';
+import { WidgetOperationTypes } from './types';
+import WidgetProvider from './WidgetProvider';
+export function isWidgetOperation(operation) {
+    return Object.values(WidgetOperationTypes).includes(operation.op);
+}
+export function isWidgetAbsoluteOperation(operation) {
+    return operation.op === WidgetOperationTypes.APPEND || operation.op === WidgetOperationTypes.PREPEND;
+}
+export function isWidgetRelativeOperation(operation) {
+    return operation.op === WidgetOperationTypes.INSERT_AFTER || operation.op === WidgetOperationTypes.INSERT_BEFORE;
+}
+export function isWidgetAppendOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.APPEND;
+}
+export function isWidgetInsertAfterOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.INSERT_AFTER;
+}
+export function isWidgetInsertBeforeOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.INSERT_BEFORE;
+}
+export function isWidgetPrependOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.PREPEND;
+}
+export function isWidgetRemoveOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.REMOVE;
+}
+export function isWidgetReplaceOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.REPLACE;
+}
+export function isWidgetOptionsOperation(operation) {
+    return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.OPTIONS;
+}
+export function isWidgetRendererOperation(operation) {
+    return isWidgetOperation(operation) && hasWidgetRendererProps(operation);
+}
+export function isWidgetIdentityOperation(operation) {
+    return isWidgetOperation(operation) && hasWidgetIdentityProps(operation);
+}
+export function isWidgetIdentityRoleOperation(operation) {
+    return isWidgetIdentityOperation(operation) && hasWidgetIdentityRoleProps(operation);
+}
+export function createWidgetAppendOperation(id, slotId, element) {
+    let operation = undefined;
+    if (element) {
+        operation = {
+            slotId,
+            id,
+            op: WidgetOperationTypes.APPEND,
+            element
+        };
+    }
+    return operation;
+}
+// Widget Operation props helpers
+function hasWidgetComponentProps(operation) {
+    return isWidgetOperation(operation) && 'component' in operation;
+}
+function hasWidgetElementProps(operation) {
+    return isWidgetOperation(operation) && 'element' in operation;
+}
+function hasWidgetIFrameProps(operation) {
+    return isWidgetOperation(operation) && 'url' in operation && 'title' in operation;
+}
+function hasWidgetRendererProps(operation) {
+    return hasWidgetComponentProps(operation) || hasWidgetElementProps(operation) || hasWidgetIFrameProps(operation);
+}
+function hasWidgetIdentityProps(operation) {
+    return isWidgetOperation(operation) && 'id' in operation;
+}
+function hasWidgetIdentityRoleProps(operation) {
+    return hasWidgetIdentityProps(operation) && 'role' in operation;
+}
+/**
+ * An 'identified' widget just means a data structure with an ID and a ReactNode.
+ */
+function createIdentifiedWidget(operation, componentProps) {
+    let widget = null;
+    const { id } = operation;
+    if (hasWidgetComponentProps(operation)) {
+        widget = (_jsx(operation.component, Object.assign({}, componentProps)));
+    }
+    else if (hasWidgetElementProps(operation)) {
+        widget = operation.element;
+    }
+    else if (hasWidgetIFrameProps(operation)) {
+        widget = (_jsx(IFrameWidget, { url: operation.url, title: operation.title }));
+    }
+    return {
+        id,
+        node: (_jsx(WidgetProvider, { slotId: operation.slotId, widgetId: operation.id, role: operation.role, children: widget }, id)),
+    };
+}
+function findRelatedWidgetIndex(id, widgets) {
+    for (const candidateRelatedWidget of widgets) {
+        if (candidateRelatedWidget.id === id) {
+            return widgets.indexOf(candidateRelatedWidget);
+        }
+    }
+    return null;
+}
+function appendWidget(operation, widgets, componentProps) {
+    const widget = createIdentifiedWidget(operation, componentProps);
+    widgets.push(widget);
+}
+function prependWidget(operation, widgets, componentProps) {
+    const widget = createIdentifiedWidget(operation, componentProps);
+    widgets.unshift(widget);
+}
+function insertAfterWidget(operation, widgets, componentProps) {
+    const widget = createIdentifiedWidget(operation, componentProps);
+    const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);
+    if (relatedIndex !== null) {
+        widgets.splice(relatedIndex + 1, 0, widget);
+    }
+}
+function insertBeforeWidget(operation, widgets, componentProps) {
+    const widget = createIdentifiedWidget(operation, componentProps);
+    const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);
+    if (relatedIndex !== null) {
+        widgets.splice(relatedIndex, 0, widget);
+    }
+}
+function replaceWidget(operation, widgets, componentProps) {
+    const widget = createIdentifiedWidget(operation, componentProps);
+    const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);
+    if (relatedIndex !== null) {
+        widgets.splice(relatedIndex, 1, widget);
+    }
+}
+function removeWidget(operation, widgets) {
+    const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);
+    if (relatedIndex !== null) {
+        widgets.splice(relatedIndex, 1);
+    }
+}
+export function createWidgets(operations, componentProps) {
+    const identifiedWidgets = [];
+    for (const operation of operations) {
+        if (isSlotOperationConditionSatisfied(operation)) {
+            if (isWidgetAppendOperation(operation)) {
+                appendWidget(operation, identifiedWidgets, componentProps);
+            }
+            else if (isWidgetPrependOperation(operation)) {
+                prependWidget(operation, identifiedWidgets, componentProps);
+            }
+            else if (isWidgetInsertAfterOperation(operation)) {
+                insertAfterWidget(operation, identifiedWidgets, componentProps);
+            }
+            else if (isWidgetInsertBeforeOperation(operation)) {
+                insertBeforeWidget(operation, identifiedWidgets, componentProps);
+            }
+            else if (isWidgetReplaceOperation(operation)) {
+                replaceWidget(operation, identifiedWidgets, componentProps);
+            }
+            else if (isWidgetRemoveOperation(operation)) {
+                removeWidget(operation, identifiedWidgets);
+            }
+        }
+    }
+    // Remove the 'id' metadata and return just the nodes.
+    return identifiedWidgets.map(widget => widget.node);
+}
+//# sourceMappingURL=utils.js.map

package/dist/runtime/slots/widget/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../runtime/slots/widget/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode } from 'react';\nimport { SlotOperation } from '../types';\nimport { isSlotOperationConditionSatisfied } from '../utils';\nimport { IFrameWidget } from './iframe';\nimport { IdentifiedWidget, WidgetAbsoluteOperation, WidgetAppendOperation, WidgetComponentProps, WidgetElementProps, WidgetIdentityProps, WidgetIFrameProps, WidgetInsertAfterOperation, WidgetInsertBeforeOperation, WidgetOperation, WidgetOperationTypes, WidgetOptionsOperation, WidgetPrependOperation, WidgetRemoveOperation, WidgetRendererOperation, WidgetRendererProps, WidgetReplaceOperation } from './types';\nimport WidgetProvider from './WidgetProvider';\n\nexport function isWidgetOperation(operation: SlotOperation): operation is WidgetOperation {\n  return Object.values(WidgetOperationTypes).includes(operation.op as WidgetOperationTypes);\n}\n\nexport function isWidgetAbsoluteOperation(operation: WidgetOperation): operation is WidgetAbsoluteOperation {\n  return operation.op === WidgetOperationTypes.APPEND || operation.op === WidgetOperationTypes.PREPEND;\n}\n\nexport function isWidgetRelativeOperation(operation: WidgetOperation): operation is (WidgetInsertAfterOperation | WidgetInsertBeforeOperation) {\n  return operation.op === WidgetOperationTypes.INSERT_AFTER || operation.op === WidgetOperationTypes.INSERT_BEFORE;\n}\n\nexport function isWidgetAppendOperation(operation: SlotOperation): operation is WidgetAppendOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.APPEND;\n}\n\nexport function isWidgetInsertAfterOperation(operation: SlotOperation): operation is WidgetInsertAfterOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.INSERT_AFTER;\n}\n\nexport function isWidgetInsertBeforeOperation(operation: SlotOperation): operation is WidgetInsertBeforeOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.INSERT_BEFORE;\n}\n\nexport function isWidgetPrependOperation(operation: SlotOperation): operation is WidgetPrependOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.PREPEND;\n}\n\nexport function isWidgetRemoveOperation(operation: SlotOperation): operation is WidgetRemoveOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.REMOVE;\n}\n\nexport function isWidgetReplaceOperation(operation: SlotOperation): operation is WidgetReplaceOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.REPLACE;\n}\n\nexport function isWidgetOptionsOperation(operation: SlotOperation): operation is WidgetOptionsOperation {\n  return isWidgetOperation(operation) && operation.op === WidgetOperationTypes.OPTIONS;\n}\n\nexport function isWidgetRendererOperation(operation: SlotOperation): operation is WidgetRendererOperation {\n  return isWidgetOperation(operation) && hasWidgetRendererProps(operation);\n}\n\nexport function isWidgetIdentityOperation(operation: SlotOperation): operation is (WidgetOperation & WidgetIdentityProps) {\n  return isWidgetOperation(operation) && hasWidgetIdentityProps(operation);\n}\n\nexport function isWidgetIdentityRoleOperation(operation: SlotOperation): operation is (WidgetOperation & WidgetIdentityProps & { role: string }) {\n  return isWidgetIdentityOperation(operation) && hasWidgetIdentityRoleProps(operation);\n}\n\nexport function createWidgetAppendOperation(id: string, slotId: string, element: ReactNode) {\n  let operation: WidgetOperation | undefined = undefined;\n  if (element) {\n    operation = {\n      slotId,\n      id,\n      op: WidgetOperationTypes.APPEND,\n      element\n    };\n  }\n\n  return operation;\n}\n\n// Widget Operation props helpers\n\nfunction hasWidgetComponentProps(operation: WidgetOperation): operation is (WidgetOperation & WidgetComponentProps) {\n  return isWidgetOperation(operation) && 'component' in operation;\n}\n\nfunction hasWidgetElementProps(operation: WidgetOperation): operation is (WidgetOperation & WidgetElementProps) {\n  return isWidgetOperation(operation) && 'element' in operation;\n}\n\nfunction hasWidgetIFrameProps(operation: WidgetOperation): operation is (WidgetOperation & WidgetIFrameProps) {\n  return isWidgetOperation(operation) && 'url' in operation && 'title' in operation;\n}\n\nfunction hasWidgetRendererProps(operation: WidgetOperation): operation is (WidgetOperation & WidgetRendererProps) {\n  return hasWidgetComponentProps(operation) || hasWidgetElementProps(operation) || hasWidgetIFrameProps(operation);\n}\n\nfunction hasWidgetIdentityProps(operation: WidgetOperation): operation is (WidgetOperation & WidgetIdentityProps) {\n  return isWidgetOperation(operation) && 'id' in operation;\n}\n\nfunction hasWidgetIdentityRoleProps(operation: WidgetOperation): operation is (WidgetOperation & WidgetIdentityProps & { role: string }) {\n  return hasWidgetIdentityProps(operation) && 'role' in operation;\n}\n\n/**\n * An 'identified' widget just means a data structure with an ID and a ReactNode.\n */\nfunction createIdentifiedWidget(operation: WidgetRendererOperation, componentProps?: Record<string, unknown>) {\n  let widget: ReactNode = null;\n  const { id } = operation;\n  if (hasWidgetComponentProps(operation)) {\n    widget = (\n      <operation.component {...componentProps} />\n    );\n  } else if (hasWidgetElementProps(operation)) {\n    widget = operation.element;\n  } else if (hasWidgetIFrameProps(operation)) {\n    widget = (\n      <IFrameWidget url={operation.url} title={operation.title} />\n    );\n  }\n\n  return {\n    id,\n    node: (\n      <WidgetProvider key={id} slotId={operation.slotId} widgetId={operation.id} role={operation.role}>\n        {widget}\n      </WidgetProvider>\n    ),\n  };\n}\n\nfunction findRelatedWidgetIndex(id: string, widgets: IdentifiedWidget[]) {\n  for (const candidateRelatedWidget of widgets) {\n    if (candidateRelatedWidget.id === id) {\n      return widgets.indexOf(candidateRelatedWidget);\n    }\n  }\n  return null;\n}\n\nfunction appendWidget(operation: WidgetAppendOperation, widgets: IdentifiedWidget[], componentProps?: Record<string, unknown>) {\n  const widget = createIdentifiedWidget(operation, componentProps);\n  widgets.push(widget);\n}\n\nfunction prependWidget(operation: WidgetPrependOperation, widgets: IdentifiedWidget[], componentProps?: Record<string, unknown>) {\n  const widget = createIdentifiedWidget(operation, componentProps);\n  widgets.unshift(widget);\n}\n\nfunction insertAfterWidget(operation: WidgetInsertAfterOperation, widgets: IdentifiedWidget[], componentProps?: Record<string, unknown>) {\n  const widget = createIdentifiedWidget(operation, componentProps);\n  const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);\n  if (relatedIndex !== null) {\n    widgets.splice(relatedIndex + 1, 0, widget);\n  }\n}\n\nfunction insertBeforeWidget(operation: WidgetInsertBeforeOperation, widgets: IdentifiedWidget[], componentProps?: Record<string, unknown>) {\n  const widget = createIdentifiedWidget(operation, componentProps);\n  const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);\n  if (relatedIndex !== null) {\n    widgets.splice(relatedIndex, 0, widget);\n  }\n}\n\nfunction replaceWidget(operation: WidgetReplaceOperation, widgets: IdentifiedWidget[], componentProps?: Record<string, unknown>) {\n  const widget = createIdentifiedWidget(operation, componentProps);\n  const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);\n  if (relatedIndex !== null) {\n    widgets.splice(relatedIndex, 1, widget);\n  }\n}\n\nfunction removeWidget(operation: WidgetRemoveOperation, widgets: IdentifiedWidget[]) {\n  const relatedIndex = findRelatedWidgetIndex(operation.relatedId, widgets);\n  if (relatedIndex !== null) {\n    widgets.splice(relatedIndex, 1);\n  }\n}\n\nexport function createWidgets(operations: WidgetOperation[], componentProps?: Record<string, unknown>) {\n  const identifiedWidgets: IdentifiedWidget[] = [];\n\n  for (const operation of operations) {\n    if (isSlotOperationConditionSatisfied(operation)) {\n      if (isWidgetAppendOperation(operation)) {\n        appendWidget(operation, identifiedWidgets, componentProps);\n      } else if (isWidgetPrependOperation(operation)) {\n        prependWidget(operation, identifiedWidgets, componentProps);\n      } else if (isWidgetInsertAfterOperation(operation)) {\n        insertAfterWidget(operation, identifiedWidgets, componentProps);\n      } else if (isWidgetInsertBeforeOperation(operation)) {\n        insertBeforeWidget(operation, identifiedWidgets, componentProps);\n      } else if (isWidgetReplaceOperation(operation)) {\n        replaceWidget(operation, identifiedWidgets, componentProps);\n      } else if (isWidgetRemoveOperation(operation)) {\n        removeWidget(operation, identifiedWidgets);\n      }\n    }\n  }\n\n  // Remove the 'id' metadata and return just the nodes.\n  return identifiedWidgets.map(widget => widget.node);\n}\n"]}

package/{runtime/subscriptions.ts → dist/runtime/subscriptions.d.ts}

@@ -16,45 +16,9 @@
  *
  * @module PubSub
  */
-
-// export const {
-//   subscribe,
-//   unsubscribe,
-//   publish,
-// } = PubSub;
-
 type CallbackFunction = (topic: string, data?: any) => void;
-
-let subscriptions: Record<string, CallbackFunction[]> = {};
-
-export function subscribe(topic: string, callback) {
-  if (subscriptions[topic] === undefined) {
-    subscriptions[topic] = [];
-  }
-  subscriptions[topic].push(callback);
-}
-
-export function publish(topic: string, data?: any) {
-  if (subscriptions[topic] === undefined) {
-    subscriptions[topic] = [];
-  }
-  subscriptions[topic].forEach(callback => {
-    if (data) {
-      callback(topic, data);
-    } else {
-      callback(topic);
-    }
-  });
-}
-
-export function unsubscribe(topic: string, callback: CallbackFunction) {
-  if (subscriptions[topic] === undefined) {
-    subscriptions[topic] = [];
-  }
-
-  subscriptions[topic] = subscriptions[topic].filter((value) => value !== callback);
-}
-
-export function clearAllSubscriptions() {
-  subscriptions = {};
-}
+export declare function subscribe(topic: string, callback: any): void;
+export declare function publish(topic: string, data?: any): void;
+export declare function unsubscribe(topic: string, callback: CallbackFunction): void;
+export declare function clearAllSubscriptions(): void;
+export {};

package/dist/runtime/subscriptions.js

@@ -0,0 +1,48 @@
+/**
+ * #### Import members from **@openedx/frontend-base**
+ *
+ * The PubSub module is a thin wrapper around the base functionality of
+ * [PubSubJS](https://github.com/mroderick/PubSubJS).  For the sake of simplicity and not relying
+ * too heavily on implementation-specific features, it maintains a fairly simple API (subscribe,
+ * unsubscribe, and publish).
+ *
+ * Publish/Subscribe events should be used mindfully, especially in relation to application UI
+ * frameworks like React.  Given React's unidirectional data flow and prop/state management
+ * capabilities, using a pub/sub mechanism is at odds with that framework's best practices.
+ *
+ * That said, we use pub/sub in our application initialization sequence to allow applications to
+ * hook into the initialization lifecycle, and we also use them to publish when the application
+ * state has changed, i.e., when the config document or user's authentication state have changed.
+ *
+ * @module PubSub
+ */
+let subscriptions = {};
+export function subscribe(topic, callback) {
+    if (subscriptions[topic] === undefined) {
+        subscriptions[topic] = [];
+    }
+    subscriptions[topic].push(callback);
+}
+export function publish(topic, data) {
+    if (subscriptions[topic] === undefined) {
+        subscriptions[topic] = [];
+    }
+    subscriptions[topic].forEach(callback => {
+        if (data) {
+            callback(topic, data);
+        }
+        else {
+            callback(topic);
+        }
+    });
+}
+export function unsubscribe(topic, callback) {
+    if (subscriptions[topic] === undefined) {
+        subscriptions[topic] = [];
+    }
+    subscriptions[topic] = subscriptions[topic].filter((value) => value !== callback);
+}
+export function clearAllSubscriptions() {
+    subscriptions = {};
+}
+//# sourceMappingURL=subscriptions.js.map

package/dist/runtime/subscriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscriptions.js","sourceRoot":"","sources":["../../runtime/subscriptions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAUH,IAAI,aAAa,GAAuC,EAAE,CAAC;AAE3D,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,QAAQ;IAC/C,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;QACvC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;IAC5B,CAAC;IACD,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAa,EAAE,IAAU;IAC/C,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;QACvC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;IAC5B,CAAC;IACD,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QACtC,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,QAA0B;IACnE,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;QACvC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;IAC5B,CAAC;IAED,aAAa,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;AACpF,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,aAAa,GAAG,EAAE,CAAC;AACrB,CAAC","sourcesContent":["/**\n * #### Import members from **@openedx/frontend-base**\n *\n * The PubSub module is a thin wrapper around the base functionality of\n * [PubSubJS](https://github.com/mroderick/PubSubJS).  For the sake of simplicity and not relying\n * too heavily on implementation-specific features, it maintains a fairly simple API (subscribe,\n * unsubscribe, and publish).\n *\n * Publish/Subscribe events should be used mindfully, especially in relation to application UI\n * frameworks like React.  Given React's unidirectional data flow and prop/state management\n * capabilities, using a pub/sub mechanism is at odds with that framework's best practices.\n *\n * That said, we use pub/sub in our application initialization sequence to allow applications to\n * hook into the initialization lifecycle, and we also use them to publish when the application\n * state has changed, i.e., when the config document or user's authentication state have changed.\n *\n * @module PubSub\n */\n\n// export const {\n//   subscribe,\n//   unsubscribe,\n//   publish,\n// } = PubSub;\n\ntype CallbackFunction = (topic: string, data?: any) => void;\n\nlet subscriptions: Record<string, CallbackFunction[]> = {};\n\nexport function subscribe(topic: string, callback) {\n  if (subscriptions[topic] === undefined) {\n    subscriptions[topic] = [];\n  }\n  subscriptions[topic].push(callback);\n}\n\nexport function publish(topic: string, data?: any) {\n  if (subscriptions[topic] === undefined) {\n    subscriptions[topic] = [];\n  }\n  subscriptions[topic].forEach(callback => {\n    if (data) {\n      callback(topic, data);\n    } else {\n      callback(topic);\n    }\n  });\n}\n\nexport function unsubscribe(topic: string, callback: CallbackFunction) {\n  if (subscriptions[topic] === undefined) {\n    subscriptions[topic] = [];\n  }\n\n  subscriptions[topic] = subscriptions[topic].filter((value) => value !== callback);\n}\n\nexport function clearAllSubscriptions() {\n  subscriptions = {};\n}\n"]}

package/{runtime/testing/index.ts → dist/runtime/testing/index.d.ts}

@@ -4,6 +4,5 @@
  *
  * @module Testing
  */
-
 export { default as initializeMockApp } from './initializeMockApp';
 export { default as mockMessages } from './mockMessages';

package/dist/runtime/testing/index.js

@@ -0,0 +1,9 @@
+/**
+ * #### Import members from **@openedx/frontend-base** Testing
+ * The testing module provides helpers for writing tests in Jest.
+ *
+ * @module Testing
+ */
+export { default as initializeMockApp } from './initializeMockApp';
+export { default as mockMessages } from './mockMessages';
+//# sourceMappingURL=index.js.map

package/dist/runtime/testing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../runtime/testing/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["/**\n * #### Import members from **@openedx/frontend-base** Testing\n * The testing module provides helpers for writing tests in Jest.\n *\n * @module Testing\n */\n\nexport { default as initializeMockApp } from './initializeMockApp';\nexport { default as mockMessages } from './mockMessages';\n"]}