@rippling/rippling-sdk 0.2.0-alpha.59 → 0.2.0-alpha.60

package/examples/manifest/dental-practice-management/dental-practice-management.ts

@@ -571,6 +571,7 @@ new CustomObjectPageLayout(planObj, {
 // ── SDUI object-list tabs ───────────────────────────────────────────────────
 const sduiObjectListDependencies = {
   '@rippling/rippling-sdk': '^0.2.0-alpha.33',
+  '@rippling/pebble-sdui-web': '^0.3.0',
 };
 
 function loadFunctionCode(filename: string): string {
@@ -604,7 +605,7 @@ function createObjectListPage(props: {
 const patientListPage = createObjectListPage({
   codeFilename: 'patient-list.ts',
   functionApiName: 'dental_patient_list_fn',
-  functionName: 'Patients (SDUI)',
+  functionName: 'renderPatients',
   functionDescription: 'SDUI ObjectListView for patient records',
   pageId: 'dental_patients',
   pageName: 'Patients',
@@ -613,7 +614,7 @@ const patientListPage = createObjectListPage({
 const operatoryListPage = createObjectListPage({
   codeFilename: 'operatory-list.ts',
   functionApiName: 'dental_operatory_list_fn',
-  functionName: 'Operatories (SDUI)',
+  functionName: 'renderOperatories',
   functionDescription: 'SDUI ObjectListView for operatory records',
   pageId: 'dental_operatories',
   pageName: 'Operatories',
@@ -622,7 +623,7 @@ const operatoryListPage = createObjectListPage({
 const chairBoardPage = createObjectListPage({
   codeFilename: 'chair-schedule.ts',
   functionApiName: 'dental_chair_schedule_fn',
-  functionName: 'Daily chair board (SDUI)',
+  functionName: 'renderChairSchedule',
   functionDescription: 'SDUI ObjectListView for appointments (init + spec render)',
   pageId: 'dental_chair_schedule',
   pageName: 'Chair schedule',
@@ -631,7 +632,7 @@ const chairBoardPage = createObjectListPage({
 const treatmentPlanListPage = createObjectListPage({
   codeFilename: 'treatment-plan-list.ts',
   functionApiName: 'dental_treatment_plan_list_fn',
-  functionName: 'Treatment plans (SDUI)',
+  functionName: 'renderTreatmentPlans',
   functionDescription: 'SDUI ObjectListView for treatment plan records',
   pageId: 'dental_treatment_plans',
   pageName: 'Treatment plans',

package/examples/manifest/dental-practice-management/functions/chair-schedule.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'dental_appointment__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/dental-practice-management/functions/operatory-list.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'dental_operatory__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/dental-practice-management/functions/patient-list.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'dental_patient__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/dental-practice-management/functions/treatment-plan-list.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'dental_treatment_plan__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/gym-membership-management/functions/check-in-desk.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'gym_class_enrollment__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/gym-membership-management/functions/member-list.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'gym_member__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/gym-membership-management/functions/today-schedule.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'gym_class_session__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/gym-membership-management/functions/trainer-list.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'gym_trainer__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/gym-membership-management/gym-membership-management.ts

@@ -633,6 +633,7 @@ new CustomObjectPageLayout(enrollmentObj, {
 // ── SDUI object-list tabs ───────────────────────────────────────────────────
 const sduiObjectListDependencies = {
   '@rippling/rippling-sdk': '^0.2.0-alpha.33',
+  '@rippling/pebble-sdui-web': '^0.3.0',
 };
 
 function loadFunctionCode(filename: string): string {
@@ -666,7 +667,7 @@ function createObjectListPage(props: {
 const memberListPage = createObjectListPage({
   codeFilename: 'member-list.ts',
   functionApiName: 'gym_member_list_fn',
-  functionName: 'Members (SDUI)',
+  functionName: 'renderMembers',
   functionDescription: 'SDUI ObjectListView for member records',
   pageId: 'gym_members',
   pageName: 'Members',
@@ -675,7 +676,7 @@ const memberListPage = createObjectListPage({
 const trainerListPage = createObjectListPage({
   codeFilename: 'trainer-list.ts',
   functionApiName: 'gym_trainer_list_fn',
-  functionName: 'Trainers (SDUI)',
+  functionName: 'renderTrainers',
   functionDescription: 'SDUI ObjectListView for trainer records',
   pageId: 'gym_trainers',
   pageName: 'Trainers',
@@ -684,7 +685,7 @@ const trainerListPage = createObjectListPage({
 const todaySchedulePage = createObjectListPage({
   codeFilename: 'today-schedule.ts',
   functionApiName: 'gym_today_schedule_fn',
-  functionName: 'Today’s schedule (SDUI)',
+  functionName: 'renderTodaySchedule',
   functionDescription:
     'Searchable grid of class sessions — pair with list view “Today’s class sessions” or filter by date',
   pageId: 'gym_today_schedule',
@@ -694,7 +695,7 @@ const todaySchedulePage = createObjectListPage({
 const checkInDeskPage = createObjectListPage({
   codeFilename: 'check-in-desk.ts',
   functionApiName: 'gym_check_in_desk_fn',
-  functionName: 'Check-in desk (SDUI)',
+  functionName: 'renderCheckInDesk',
   functionDescription: 'Searchable roster grid — update attendance and checked-in time as members arrive',
   pageId: 'gym_check_in_desk',
   pageName: 'Check-in desk',

package/examples/manifest/simple-todo-app/functions/todo-list.ts

@@ -1,5 +1,5 @@
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
+import { ObjectListView, render } from '@rippling/pebble-sdui-web/catalogs/custom-apps';
 
 const OBJECT = 'simple_todo__c';
 
@@ -10,17 +10,14 @@ export async function onRipplingEvent(
   const action = event['parameters']?.action;
 
   if (!action || action === 'init') {
-    const s = SDUI.createState({});
-    const root = SDUI.components.VStack({
-      children: [
-        SDUI.components.ObjectListView({
-          objectApiName: OBJECT,
-          canSearchInGrid: true,
-        }),
-      ],
+    const spec = render({
+      root: ObjectListView({
+        props: { objectApiName: OBJECT },
+      }),
+      state: {},
     });
     return new FunctionResponse({
-      body: { spec: JSON.stringify(SDUI.render(s, root)) },
+      body: { spec: JSON.stringify(spec) },
       statusCode: 200,
       headers: {},
       message: '',

package/examples/manifest/simple-todo-app/simple-todo-app.ts

@@ -131,10 +131,10 @@ new CustomObjectPageLayout(todoObj, {
 // ── SDUI page (ObjectListView) ──────────────────────────────────────────────
 const todoListFn = new ManifestFunction(manifest, {
   apiName: 'simple_todo_list_fn',
-  name: 'Todos (SDUI)',
+  name: 'renderTodos',
   description: 'SDUI ObjectListView for todo records',
   code: fs.readFileSync(path.join(__dirname, 'functions', 'todo-list.ts'), 'utf-8'),
-  dependencies: { '@rippling/rippling-sdk': '^0.2.0-alpha.33' },
+  dependencies: { '@rippling/rippling-sdk': '^0.2.0-alpha.33', '@rippling/pebble-sdui-web': '^0.3.0' },
   isAsync: false,
 });
 

package/internal/tslib.js

@@ -5,7 +5,6 @@ exports.__classPrivateFieldSet = __classPrivateFieldSet;
 exports.__classPrivateFieldGet = __classPrivateFieldGet;
 exports.__importStar = __importStar;
 exports.__exportStar = __exportStar;
-exports.__importDefault = __importDefault;
 function __classPrivateFieldSet(receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
@@ -80,6 +79,3 @@ function __exportStar(m, o) {
         if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
             __createBinding(o, m, p);
 }
-function __importDefault(mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-}

package/lib/manifest/manifest-function.d.mts

@@ -61,9 +61,9 @@ export interface ManifestFunctionProps {
  * serverless infrastructure. The handler must export `onRipplingEvent`.
  *
  * Functions have two primary uses:
- * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
- *    (built with `@rippling/rippling-sdk/lib/sdui`) that renders as a page tab.
- *    Wrap the function in an {@link SduiPage} and reference it from an {@link App}.
+ * 1. **Rendering SDUI for Custom Apps** — the function returns an SDUI spec
+ *    payload that renders as a page tab. Wrap the function in an {@link SduiPage}
+ *    and reference it from an {@link App}.
  * 2. **Workflow / event handlers** — functions invoked from rules, automations,
  *    or callbacks that do not render UI.
  *

package/lib/manifest/manifest-function.d.ts

@@ -61,9 +61,9 @@ export interface ManifestFunctionProps {
  * serverless infrastructure. The handler must export `onRipplingEvent`.
  *
  * Functions have two primary uses:
- * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
- *    (built with `@rippling/rippling-sdk/lib/sdui`) that renders as a page tab.
- *    Wrap the function in an {@link SduiPage} and reference it from an {@link App}.
+ * 1. **Rendering SDUI for Custom Apps** — the function returns an SDUI spec
+ *    payload that renders as a page tab. Wrap the function in an {@link SduiPage}
+ *    and reference it from an {@link App}.
  * 2. **Workflow / event handlers** — functions invoked from rules, automations,
  *    or callbacks that do not render UI.
  *

package/lib/manifest/manifest-function.js

@@ -10,9 +10,9 @@ const _existing_component_fields_1 = require("./_existing-component-fields.js");
  * serverless infrastructure. The handler must export `onRipplingEvent`.
  *
  * Functions have two primary uses:
- * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
- *    (built with `@rippling/rippling-sdk/lib/sdui`) that renders as a page tab.
- *    Wrap the function in an {@link SduiPage} and reference it from an {@link App}.
+ * 1. **Rendering SDUI for Custom Apps** — the function returns an SDUI spec
+ *    payload that renders as a page tab. Wrap the function in an {@link SduiPage}
+ *    and reference it from an {@link App}.
  * 2. **Workflow / event handlers** — functions invoked from rules, automations,
  *    or callbacks that do not render UI.
  *

package/lib/manifest/manifest-function.mjs

@@ -7,9 +7,9 @@ import { optionalStringComponentField, requireStringComponentField } from "./_ex
  * serverless infrastructure. The handler must export `onRipplingEvent`.
  *
  * Functions have two primary uses:
- * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
- *    (built with `@rippling/rippling-sdk/lib/sdui`) that renders as a page tab.
- *    Wrap the function in an {@link SduiPage} and reference it from an {@link App}.
+ * 1. **Rendering SDUI for Custom Apps** — the function returns an SDUI spec
+ *    payload that renders as a page tab. Wrap the function in an {@link SduiPage}
+ *    and reference it from an {@link App}.
  * 2. **Workflow / event handlers** — functions invoked from rules, automations,
  *    or callbacks that do not render UI.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rippling/rippling-sdk",
-  "version": "0.2.0-alpha.59",
+  "version": "0.2.0-alpha.60",
   "description": "The official TypeScript library for the Rippling SDK API",
   "author": "Rippling SDK <no-reply@rippling.com>",
   "types": "./index.d.ts",

package/src/lib/manifest/manifest-function.ts

@@ -64,9 +64,9 @@ export interface ManifestFunctionProps {
  * serverless infrastructure. The handler must export `onRipplingEvent`.
  *
  * Functions have two primary uses:
- * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
- *    (built with `@rippling/rippling-sdk/lib/sdui`) that renders as a page tab.
- *    Wrap the function in an {@link SduiPage} and reference it from an {@link App}.
+ * 1. **Rendering SDUI for Custom Apps** — the function returns an SDUI spec
+ *    payload that renders as a page tab. Wrap the function in an {@link SduiPage}
+ *    and reference it from an {@link App}.
  * 2. **Workflow / event handlers** — functions invoked from rules, automations,
  *    or callbacks that do not render UI.
  *

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '0.2.0-alpha.59'; // x-release-please-version
+export const VERSION = '0.2.0-alpha.60'; // x-release-please-version

package/version.d.mts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.2.0-alpha.59";
+export declare const VERSION = "0.2.0-alpha.60";
 //# sourceMappingURL=version.d.mts.map

package/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.2.0-alpha.59";
+export declare const VERSION = "0.2.0-alpha.60";
 //# sourceMappingURL=version.d.ts.map

package/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '0.2.0-alpha.59'; // x-release-please-version
+exports.VERSION = '0.2.0-alpha.60'; // x-release-please-version
 //# sourceMappingURL=version.js.map

package/version.mjs

@@ -1,2 +1,2 @@
-export const VERSION = '0.2.0-alpha.59'; // x-release-please-version
+export const VERSION = '0.2.0-alpha.60'; // x-release-please-version
 //# sourceMappingURL=version.mjs.map