@cratis/scene.blueprint.default 4.35.0 → 4.37.0

package/dist/cjs/foundation/checklistModel.js

@@ -0,0 +1,59 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** One task of a checklist. */ /** Reads checklist groups out of a property value; a task needs an id and a label, and is open unless it says it is done. */ function readChecklist(value) {
+    if (!Array.isArray(value)) return [];
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { title, items } = entry;
+        if (typeof title !== 'string' || !Array.isArray(items)) return [];
+        return [
+            {
+                title,
+                items: items.flatMap((item)=>{
+                    if (typeof item !== 'object' || item === null || Array.isArray(item)) return [];
+                    const { id, label, owner, due, done } = item;
+                    if (typeof id !== 'string' || typeof label !== 'string') return [];
+                    return [
+                        {
+                            id,
+                            label,
+                            done: done === true,
+                            ...typeof owner === 'string' ? {
+                                owner
+                            } : {},
+                            ...typeof due === 'string' ? {
+                                due
+                            } : {}
+                        }
+                    ];
+                })
+            }
+        ];
+    });
+}
+/** How many of a group's tasks are done. */ const completed = (group)=>group.items.filter((item)=>item.done).length;
+/** Whether an open task is past its due date, today counting as not yet late. */ function isOverdue(item, now) {
+    if (item.done || item.due === undefined) return false;
+    const due = new Date(item.due);
+    if (Number.isNaN(due.getTime())) return false;
+    const endOfDue = new Date(due);
+    endOfDue.setUTCHours(23, 59, 59, 999);
+    return endOfDue.getTime() < now.getTime();
+}
+/** Marks one task done or open, leaving every other as it was. */ const toggleTask = (groups, id)=>groups.map((group)=>group.items.some((item)=>item.id === id) ? {
+            ...group,
+            items: group.items.map((item)=>item.id === id ? {
+                    ...item,
+                    done: !item.done
+                } : item)
+        } : group);
+/** The ids of every done task: what the checklist publishes. */ const doneTaskIds = (groups)=>groups.flatMap((group)=>group.items.filter((item)=>item.done).map((item)=>item.id));
+
+exports.completed = completed;
+exports.doneTaskIds = doneTaskIds;
+exports.isOverdue = isOverdue;
+exports.readChecklist = readChecklist;
+exports.toggleTask = toggleTask;
+//# sourceMappingURL=checklistModel.js.map

package/dist/cjs/foundation/checklistModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklistModel.js","sources":["../../../foundation/checklistModel.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** One task of a checklist. */\nexport interface ChecklistItem {\n    id: string;\n    label: string;\n    owner?: string;\n    due?: string;\n    done: boolean;\n}\n\n/** A titled group of tasks. */\nexport interface ChecklistGroup {\n    title: string;\n    items: ChecklistItem[];\n}\n\n/** Reads checklist groups out of a property value; a task needs an id and a label, and is open unless it says it is done. */\nexport function readChecklist(value: unknown): ChecklistGroup[] {\n    if (!Array.isArray(value)) return [];\n\n    return value.flatMap((entry): ChecklistGroup[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { title, items } = entry as Record<string, unknown>;\n        if (typeof title !== 'string' || !Array.isArray(items)) return [];\n\n        return [{\n            title,\n            items: items.flatMap((item): ChecklistItem[] => {\n                if (typeof item !== 'object' || item === null || Array.isArray(item)) return [];\n                const { id, label, owner, due, done } = item as Record<string, unknown>;\n                if (typeof id !== 'string' || typeof label !== 'string') return [];\n                return [{ id, label, done: done === true, ...(typeof owner === 'string' ? { owner } : {}), ...(typeof due === 'string' ? { due } : {}) }];\n            }),\n        }];\n    });\n}\n\n/** How many of a group's tasks are done. */\nexport const completed = (group: ChecklistGroup): number => group.items.filter(item => item.done).length;\n\n/** Whether an open task is past its due date, today counting as not yet late. */\nexport function isOverdue(item: ChecklistItem, now: Date): boolean {\n    if (item.done || item.due === undefined) return false;\n\n    const due = new Date(item.due);\n    if (Number.isNaN(due.getTime())) return false;\n\n    const endOfDue = new Date(due);\n    endOfDue.setUTCHours(23, 59, 59, 999);\n    return endOfDue.getTime() < now.getTime();\n}\n\n/** Marks one task done or open, leaving every other as it was. */\nexport const toggleTask = (groups: ChecklistGroup[], id: string): ChecklistGroup[] =>\n    groups.map(group => (group.items.some(item => item.id === id)\n        ? { ...group, items: group.items.map(item => (item.id === id ? { ...item, done: !item.done } : item)) }\n        : group));\n\n/** The ids of every done task: what the checklist publishes. */\nexport const doneTaskIds = (groups: ChecklistGroup[]): string[] => groups.flatMap(group => group.items.filter(item => item.done).map(item => item.id));\n"],"names":["readChecklist","value","Array","isArray","flatMap","entry","title","items","item","id","label","owner","due","done","completed","group","filter","length","isOverdue","now","undefined","Date","Number","isNaN","getTime","endOfDue","setUTCHours","toggleTask","groups","map","some","doneTaskIds"],"mappings":"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"}

package/dist/cjs/foundation/formatting.js

@@ -75,9 +75,20 @@
         return date.toISOString();
     }
 }
+/** Formats a calendar day (`YYYY-MM-DD`) for a locale, as that day and never shifted by the reader's time zone. */ function formatDay(day, locale) {
+    try {
+        return new Intl.DateTimeFormat(locale, {
+            dateStyle: 'full',
+            timeZone: 'UTC'
+        }).format(new Date(`${day}T12:00:00Z`));
+    } catch  {
+        return day;
+    }
+}
 
 exports.NumberFormat = NumberFormat;
 exports.formatDate = formatDate;
+exports.formatDay = formatDay;
 exports.formatNumber = formatNumber;
 exports.isRightToLeft = isRightToLeft;
 exports.readLocale = readLocale;

package/dist/cjs/foundation/formatting.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatting.js","sources":["../../../foundation/formatting.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ExternalComponent } from '@cratis/scene.model';\n\n/** How a number is presented. */\nexport enum NumberFormat {\n    Number = 'number',\n    Currency = 'currency',\n    Percent = 'percent',\n    Compact = 'compact',\n}\n\n/**\n * The locale a component formats dates, numbers and currency in: the element's `locale`, else the document language, else the\n * runtime's. Formatting never goes through a fixed locale, so the same screen reads correctly in every one.\n */\nexport function readLocale(element: ExternalComponent): string {\n    const supplied = element.properties.locale;\n    if (typeof supplied === 'string' && supplied.length > 0) return supplied;\n    if (typeof document !== 'undefined' && document.documentElement.lang) return document.documentElement.lang;\n    return typeof navigator !== 'undefined' && navigator.language ? navigator.language : 'en';\n}\n\n/** Whether the locale reads right to left, so a component can mirror what direction-sensitive CSS cannot. */\nexport function isRightToLeft(locale: string): boolean {\n    try {\n        const info = new Intl.Locale(locale) as Intl.Locale & { getTextInfo?: () => { direction: string }; textInfo?: { direction: string } };\n        const direction = info.getTextInfo?.().direction ?? info.textInfo?.direction;\n        return direction === 'rtl';\n    } catch {\n        return false;\n    }\n}\n\n/** Formats a number for a locale, as a plain number, currency, percent (the value is the percentage, 12.5 is 12.5%) or compact. */\nexport function formatNumber(value: number, locale: string, format: NumberFormat = NumberFormat.Number, currency = 'USD', maximumFractionDigits?: number): string {\n    try {\n        switch (format) {\n            case NumberFormat.Currency:\n                return new Intl.NumberFormat(locale, { style: 'currency', currency, ...(maximumFractionDigits === undefined ? {} : { maximumFractionDigits }) }).format(value);\n            case NumberFormat.Percent:\n                return new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: maximumFractionDigits ?? 1 }).format(value / 100);\n            case NumberFormat.Compact:\n                return new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: maximumFractionDigits ?? 1 }).format(value);\n            default:\n                return new Intl.NumberFormat(locale, { maximumFractionDigits: maximumFractionDigits ?? 2 }).format(value);\n        }\n    } catch {\n        return String(value);\n    }\n}\n\n/** Reads a number format name, defaulting to a plain number. */\nexport function readNumberFormat(element: ExternalComponent, property = 'format'): NumberFormat {\n    const value = element.properties[property];\n    return (Object.values(NumberFormat) as string[]).includes(value as string) ? (value as NumberFormat) : NumberFormat.Number;\n}\n\n/** Formats a date or an ISO 8601 date-time for a locale; a value that is not a date is returned as it was written. */\nexport function formatDate(value: unknown, locale: string, withTime = false): string {\n    const date = value instanceof Date ? value : typeof value === 'string' || typeof value === 'number' ? new Date(value) : undefined;\n    if (!date || Number.isNaN(date.getTime())) return typeof value === 'string' ? value : '';\n    try {\n        return new Intl.DateTimeFormat(locale, withTime ? { dateStyle: 'medium', timeStyle: 'short' } : { dateStyle: 'medium' }).format(date);\n    } catch {\n        return date.toISOString();\n    }\n}\n"],"names":["NumberFormat","readLocale","element","supplied","properties","locale","length","document","documentElement","lang","navigator","language","isRightToLeft","info","Intl","Locale","direction","getTextInfo","textInfo","formatNumber","value","format","currency","maximumFractionDigits","style","undefined","notation","String","readNumberFormat","property","Object","values","includes","formatDate","withTime","date","Date","Number","isNaN","getTime","DateTimeFormat","dateStyle","timeStyle","toISOString"],"mappings":"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"}
+{"version":3,"file":"formatting.js","sources":["../../../foundation/formatting.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ExternalComponent } from '@cratis/scene.model';\n\n/** How a number is presented. */\nexport enum NumberFormat {\n    Number = 'number',\n    Currency = 'currency',\n    Percent = 'percent',\n    Compact = 'compact',\n}\n\n/**\n * The locale a component formats dates, numbers and currency in: the element's `locale`, else the document language, else the\n * runtime's. Formatting never goes through a fixed locale, so the same screen reads correctly in every one.\n */\nexport function readLocale(element: ExternalComponent): string {\n    const supplied = element.properties.locale;\n    if (typeof supplied === 'string' && supplied.length > 0) return supplied;\n    if (typeof document !== 'undefined' && document.documentElement.lang) return document.documentElement.lang;\n    return typeof navigator !== 'undefined' && navigator.language ? navigator.language : 'en';\n}\n\n/** Whether the locale reads right to left, so a component can mirror what direction-sensitive CSS cannot. */\nexport function isRightToLeft(locale: string): boolean {\n    try {\n        const info = new Intl.Locale(locale) as Intl.Locale & { getTextInfo?: () => { direction: string }; textInfo?: { direction: string } };\n        const direction = info.getTextInfo?.().direction ?? info.textInfo?.direction;\n        return direction === 'rtl';\n    } catch {\n        return false;\n    }\n}\n\n/** Formats a number for a locale, as a plain number, currency, percent (the value is the percentage, 12.5 is 12.5%) or compact. */\nexport function formatNumber(value: number, locale: string, format: NumberFormat = NumberFormat.Number, currency = 'USD', maximumFractionDigits?: number): string {\n    try {\n        switch (format) {\n            case NumberFormat.Currency:\n                return new Intl.NumberFormat(locale, { style: 'currency', currency, ...(maximumFractionDigits === undefined ? {} : { maximumFractionDigits }) }).format(value);\n            case NumberFormat.Percent:\n                return new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: maximumFractionDigits ?? 1 }).format(value / 100);\n            case NumberFormat.Compact:\n                return new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: maximumFractionDigits ?? 1 }).format(value);\n            default:\n                return new Intl.NumberFormat(locale, { maximumFractionDigits: maximumFractionDigits ?? 2 }).format(value);\n        }\n    } catch {\n        return String(value);\n    }\n}\n\n/** Reads a number format name, defaulting to a plain number. */\nexport function readNumberFormat(element: ExternalComponent, property = 'format'): NumberFormat {\n    const value = element.properties[property];\n    return (Object.values(NumberFormat) as string[]).includes(value as string) ? (value as NumberFormat) : NumberFormat.Number;\n}\n\n/** Formats a date or an ISO 8601 date-time for a locale; a value that is not a date is returned as it was written. */\nexport function formatDate(value: unknown, locale: string, withTime = false): string {\n    const date = value instanceof Date ? value : typeof value === 'string' || typeof value === 'number' ? new Date(value) : undefined;\n    if (!date || Number.isNaN(date.getTime())) return typeof value === 'string' ? value : '';\n    try {\n        return new Intl.DateTimeFormat(locale, withTime ? { dateStyle: 'medium', timeStyle: 'short' } : { dateStyle: 'medium' }).format(date);\n    } catch {\n        return date.toISOString();\n    }\n}\n\n/** Formats a calendar day (`YYYY-MM-DD`) for a locale, as that day and never shifted by the reader's time zone. */\nexport function formatDay(day: string, locale: string): string {\n    try {\n        return new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeZone: 'UTC' }).format(new Date(`${day}T12:00:00Z`));\n    } catch {\n        return day;\n    }\n}\n"],"names":["NumberFormat","readLocale","element","supplied","properties","locale","length","document","documentElement","lang","navigator","language","isRightToLeft","info","Intl","Locale","direction","getTextInfo","textInfo","formatNumber","value","format","currency","maximumFractionDigits","style","undefined","notation","String","readNumberFormat","property","Object","values","includes","formatDate","withTime","date","Date","Number","isNaN","getTime","DateTimeFormat","dateStyle","timeStyle","toISOString","formatDay","day","timeZone"],"mappings":"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"}

package/dist/cjs/foundation/foundationComponentMetadata.js

@@ -62,6 +62,53 @@ var ComponentName = require('../ComponentName.js');
         'views',
         'presets',
         'saved filters'
+    ]),
+    [ComponentName.ComponentName.ChecklistSection]: scene_react.componentMetadata('Checklist', scene_model.ComponentCategory.DataDisplay, 'list-checks', [
+        'tasks',
+        'todo',
+        'onboarding',
+        'progress',
+        'steps'
+    ]),
+    [ComponentName.ComponentName.ActivityFeed]: scene_react.componentMetadata('Activity feed', scene_model.ComponentCategory.DataDisplay, 'activity', [
+        'timeline',
+        'history',
+        'comments',
+        'audit',
+        'log'
+    ]),
+    [ComponentName.ComponentName.AvatarStack]: scene_react.componentMetadata('Avatar stack', scene_model.ComponentCategory.DataDisplay, 'users', [
+        'people',
+        'members',
+        'assignees',
+        'team'
+    ]),
+    [ComponentName.ComponentName.FileUploader]: scene_react.componentMetadata('File uploader', scene_model.ComponentCategory.Input, 'upload', [
+        'attachments',
+        'files',
+        'drop zone',
+        'documents'
+    ]),
+    [ComponentName.ComponentName.ApprovalChainStepper]: scene_react.componentMetadata('Approval chain', scene_model.ComponentCategory.Navigation, 'workflow', [
+        'approvals',
+        'steps',
+        'workflow',
+        'sign off',
+        'stepper'
+    ]),
+    [ComponentName.ComponentName.OrgTree]: scene_react.componentMetadata('Org tree', scene_model.ComponentCategory.DataDisplay, 'network', [
+        'organization',
+        'hierarchy',
+        'org chart',
+        'reports to',
+        'tree'
+    ]),
+    [ComponentName.ComponentName.PermissionMatrix]: scene_react.componentMetadata('Permission matrix', scene_model.ComponentCategory.Input, 'shield-check', [
+        'roles',
+        'permissions',
+        'access',
+        'grants',
+        'rbac'
     ])
 };
 

package/dist/cjs/foundation/foundationComponentMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"foundationComponentMetadata.js","sources":["../../../foundation/foundationComponentMetadata.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ComponentCategory } from '@cratis/scene.model';\nimport { ComponentMetadata, componentMetadata as m } from '@cratis/scene.react';\nimport { ComponentName } from '../ComponentName';\n\n/**\n * The category, icon, keywords and picker badge of every foundation component (CMP1), keyed by bare component name.\n * The names are those of `ComponentName`; the metadata of the rest of the package lives in `defaultBlueprintComponentMetadata`.\n */\nexport const foundationComponentMetadata: Record<string, ComponentMetadata> = {\n    [ComponentName.EmptyState]: m('Empty state', ComponentCategory.Feedback, 'inbox', ['no data', 'nothing', 'blank slate', 'zero state']),\n    [ComponentName.StatCard]: m('Stat card', ComponentCategory.DataDisplay, 'gauge', ['kpi', 'metric', 'figure', 'number', 'dashboard']),\n    [ComponentName.TrendChip]: m('Trend chip', ComponentCategory.DataDisplay, 'trending-up', ['delta', 'change', 'arrow', 'comparison']),\n    [ComponentName.StatusChip]: m('Status chip', ComponentCategory.DataDisplay, 'badge-check', ['badge', 'state', 'tag', 'label']),\n    [ComponentName.ChartWrapper]: m('Chart', ComponentCategory.DataDisplay, 'chart-line', ['graph', 'line', 'bar', 'stacked', 'donut', 'pie', 'funnel', 'plot']),\n    [ComponentName.FilterBuilder]: m('Filter builder', ComponentCategory.Input, 'list-filter', ['filter', 'query', 'conditions', 'and or', 'search']),\n    [ComponentName.ColumnChooser]: m('Column chooser', ComponentCategory.Actions, 'columns-3', ['columns', 'fields', 'show hide', 'table']),\n    [ComponentName.SavedViewsMenu]: m('Saved views menu', ComponentCategory.Actions, 'bookmark', ['views', 'presets', 'saved filters']),\n};\n"],"names":["foundationComponentMetadata","ComponentName","EmptyState","m","ComponentCategory","Feedback","StatCard","DataDisplay","TrendChip","StatusChip","ChartWrapper","FilterBuilder","Input","ColumnChooser","Actions","SavedViewsMenu"],"mappings":";;;;;;AAAA;AACA;AAMA;;;UAIaA,2BAAAA,GAAiE;IAC1E,CAACC,2BAAAA,CAAcC,UAAU,GAAGC,8BAAE,aAAA,EAAeC,6BAAAA,CAAkBC,QAAQ,EAAE,OAAA,EAAS;AAAC,QAAA,SAAA;AAAW,QAAA,SAAA;AAAW,QAAA,aAAA;AAAe,QAAA;AAAa,KAAA,CAAA;IACrI,CAACJ,2BAAAA,CAAcK,QAAQ,GAAGH,8BAAE,WAAA,EAAaC,6BAAAA,CAAkBG,WAAW,EAAE,OAAA,EAAS;AAAC,QAAA,KAAA;AAAO,QAAA,QAAA;AAAU,QAAA,QAAA;AAAU,QAAA,QAAA;AAAU,QAAA;AAAY,KAAA,CAAA;IACnI,CAACN,2BAAAA,CAAcO,SAAS,GAAGL,8BAAE,YAAA,EAAcC,6BAAAA,CAAkBG,WAAW,EAAE,aAAA,EAAe;AAAC,QAAA,OAAA;AAAS,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA;AAAa,KAAA,CAAA;IACnI,CAACN,2BAAAA,CAAcQ,UAAU,GAAGN,8BAAE,aAAA,EAAeC,6BAAAA,CAAkBG,WAAW,EAAE,aAAA,EAAe;AAAC,QAAA,OAAA;AAAS,QAAA,OAAA;AAAS,QAAA,KAAA;AAAO,QAAA;AAAQ,KAAA,CAAA;IAC7H,CAACN,2BAAAA,CAAcS,YAAY,GAAGP,8BAAE,OAAA,EAASC,6BAAAA,CAAkBG,WAAW,EAAE,YAAA,EAAc;AAAC,QAAA,OAAA;AAAS,QAAA,MAAA;AAAQ,QAAA,KAAA;AAAO,QAAA,SAAA;AAAW,QAAA,OAAA;AAAS,QAAA,KAAA;AAAO,QAAA,QAAA;AAAU,QAAA;AAAO,KAAA,CAAA;IAC3J,CAACN,2BAAAA,CAAcU,aAAa,GAAGR,8BAAE,gBAAA,EAAkBC,6BAAAA,CAAkBQ,KAAK,EAAE,aAAA,EAAe;AAAC,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA,YAAA;AAAc,QAAA,QAAA;AAAU,QAAA;AAAS,KAAA,CAAA;IAChJ,CAACX,2BAAAA,CAAcY,aAAa,GAAGV,8BAAE,gBAAA,EAAkBC,6BAAAA,CAAkBU,OAAO,EAAE,WAAA,EAAa;AAAC,QAAA,SAAA;AAAW,QAAA,QAAA;AAAU,QAAA,WAAA;AAAa,QAAA;AAAQ,KAAA,CAAA;IACtI,CAACb,2BAAAA,CAAcc,cAAc,GAAGZ,8BAAE,kBAAA,EAAoBC,6BAAAA,CAAkBU,OAAO,EAAE,UAAA,EAAY;AAAC,QAAA,OAAA;AAAS,QAAA,SAAA;AAAW,QAAA;AAAgB,KAAA;AACtI;;"}
+{"version":3,"file":"foundationComponentMetadata.js","sources":["../../../foundation/foundationComponentMetadata.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ComponentCategory } from '@cratis/scene.model';\nimport { ComponentMetadata, componentMetadata as m } from '@cratis/scene.react';\nimport { ComponentName } from '../ComponentName';\n\n/**\n * The category, icon, keywords and picker badge of every foundation component (CMP1), keyed by bare component name.\n * The names are those of `ComponentName`; the metadata of the rest of the package lives in `defaultBlueprintComponentMetadata`.\n */\nexport const foundationComponentMetadata: Record<string, ComponentMetadata> = {\n    [ComponentName.EmptyState]: m('Empty state', ComponentCategory.Feedback, 'inbox', ['no data', 'nothing', 'blank slate', 'zero state']),\n    [ComponentName.StatCard]: m('Stat card', ComponentCategory.DataDisplay, 'gauge', ['kpi', 'metric', 'figure', 'number', 'dashboard']),\n    [ComponentName.TrendChip]: m('Trend chip', ComponentCategory.DataDisplay, 'trending-up', ['delta', 'change', 'arrow', 'comparison']),\n    [ComponentName.StatusChip]: m('Status chip', ComponentCategory.DataDisplay, 'badge-check', ['badge', 'state', 'tag', 'label']),\n    [ComponentName.ChartWrapper]: m('Chart', ComponentCategory.DataDisplay, 'chart-line', ['graph', 'line', 'bar', 'stacked', 'donut', 'pie', 'funnel', 'plot']),\n    [ComponentName.FilterBuilder]: m('Filter builder', ComponentCategory.Input, 'list-filter', ['filter', 'query', 'conditions', 'and or', 'search']),\n    [ComponentName.ColumnChooser]: m('Column chooser', ComponentCategory.Actions, 'columns-3', ['columns', 'fields', 'show hide', 'table']),\n    [ComponentName.SavedViewsMenu]: m('Saved views menu', ComponentCategory.Actions, 'bookmark', ['views', 'presets', 'saved filters']),\n    [ComponentName.ChecklistSection]: m('Checklist', ComponentCategory.DataDisplay, 'list-checks', ['tasks', 'todo', 'onboarding', 'progress', 'steps']),\n    [ComponentName.ActivityFeed]: m('Activity feed', ComponentCategory.DataDisplay, 'activity', ['timeline', 'history', 'comments', 'audit', 'log']),\n    [ComponentName.AvatarStack]: m('Avatar stack', ComponentCategory.DataDisplay, 'users', ['people', 'members', 'assignees', 'team']),\n    [ComponentName.FileUploader]: m('File uploader', ComponentCategory.Input, 'upload', ['attachments', 'files', 'drop zone', 'documents']),\n    [ComponentName.ApprovalChainStepper]: m('Approval chain', ComponentCategory.Navigation, 'workflow', ['approvals', 'steps', 'workflow', 'sign off', 'stepper']),\n    [ComponentName.OrgTree]: m('Org tree', ComponentCategory.DataDisplay, 'network', ['organization', 'hierarchy', 'org chart', 'reports to', 'tree']),\n    [ComponentName.PermissionMatrix]: m('Permission matrix', ComponentCategory.Input, 'shield-check', ['roles', 'permissions', 'access', 'grants', 'rbac']),\n};\n"],"names":["foundationComponentMetadata","ComponentName","EmptyState","m","ComponentCategory","Feedback","StatCard","DataDisplay","TrendChip","StatusChip","ChartWrapper","FilterBuilder","Input","ColumnChooser","Actions","SavedViewsMenu","ChecklistSection","ActivityFeed","AvatarStack","FileUploader","ApprovalChainStepper","Navigation","OrgTree","PermissionMatrix"],"mappings":"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"}

package/dist/cjs/foundation/foundationDescriptors.js

@@ -4,6 +4,8 @@ var scene_model = require('@cratis/scene.model');
 var scene_react = require('@cratis/scene.react');
 var ComponentName = require('../ComponentName.js');
 var packageName = require('../packageName.js');
+var activityModel = require('./activityModel.js');
+var approvalModel = require('./approvalModel.js');
 var chartGeometry = require('./chartGeometry.js');
 var ComponentState = require('./ComponentState.js');
 var filterModel = require('./filterModel.js');
@@ -375,6 +377,250 @@ const formats = {
             },
             ...standardStateProperties
         ]
+    },
+    {
+        component: key(ComponentName.ComponentName.ChecklistSection),
+        displayName: 'Checklist',
+        description: 'Sections of tasks with an owner and due date each and a progress bar per section. Publishes the ids of the done tasks as the value output.',
+        properties: [
+            {
+                ...list('sections', 'Sections', 'Data', 'Section', [
+                    text('title', 'Title', 'Content', undefined, {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    list('items', 'Tasks', 'Data', 'Task', [
+                        text('id', 'Id', 'Data', undefined, {
+                            constraints: {
+                                required: true
+                            }
+                        }),
+                        text('label', 'Task', 'Content', undefined, {
+                            constraints: {
+                                required: true
+                            }
+                        }),
+                        text('owner', 'Owner', 'Data'),
+                        text('due', 'Due date', 'Data', 'An ISO 8601 date.'),
+                        flag('done', 'Done', 'Data')
+                    ])
+                ], 'The groups of tasks.'),
+                acceptedBindingKinds: bindable
+            },
+            text('today', 'Today', 'Content', 'The date overdue is judged against; empty is the current date.'),
+            rule('editPermission', 'Edit permission', 'Enabled lets the user tick tasks; otherwise they are shown read-only.'),
+            scene_react.valueOutputProperty(scene_model.PropertyValueType.Json, 'The ids of the done tasks, published as the user ticks them.'),
+            ...standardStateProperties
+        ]
+    },
+    {
+        component: key(ComponentName.ComponentName.ActivityFeed),
+        displayName: 'Activity feed',
+        description: 'What happened to a record, grouped by day. Content is supplied by the application; this lays it out.',
+        properties: [
+            {
+                ...list('entries', 'Entries', 'Data', 'Entry', [
+                    text('id', 'Id', 'Data', undefined, {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('actor', 'Who', 'Data'),
+                    text('action', 'What', 'Data'),
+                    choice('kind', 'Kind', 'Data', {
+                        [activityModel.ActivityKind.Comment]: 'Comment',
+                        [activityModel.ActivityKind.Change]: 'Change',
+                        [activityModel.ActivityKind.Status]: 'Status',
+                        [activityModel.ActivityKind.System]: 'System'
+                    }, activityModel.ActivityKind.System),
+                    text('at', 'When', 'Data', 'An ISO 8601 date and time.', {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('body', 'Text', 'Data', 'A comment\'s text or the detail of a change.', {
+                        editorOptions: {
+                            multiline: true
+                        }
+                    })
+                ], 'What happened.'),
+                acceptedBindingKinds: bindable
+            },
+            choice('order', 'Order', 'Appearance', {
+                descending: 'Newest first',
+                ascending: 'Oldest first'
+            }, 'descending'),
+            text('timeZone', 'Time zone', 'Content', 'The IANA zone days are cut in; empty is the reader\'s.'),
+            ...standardStateProperties
+        ]
+    },
+    {
+        component: key(ComponentName.ComponentName.AvatarStack),
+        displayName: 'Avatar stack',
+        description: 'Overlapping avatars for the people on a record, with a "+N" chip for the rest.',
+        properties: [
+            {
+                ...list('people', 'People', 'Data', 'Person', [
+                    text('name', 'Name', 'Data', undefined, {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('imageUrl', 'Picture', 'Data', 'Without one the initials are shown.')
+                ], 'Who is shown.'),
+                acceptedBindingKinds: bindable
+            },
+            number('max', 'Shown at most', 'Appearance', 'How many avatars before the rest fold into "+N".', {
+                default: 4,
+                constraints: {
+                    minimum: 1,
+                    integer: true
+                }
+            }),
+            choice('size', 'Size', 'Appearance', {
+                small: 'Small',
+                medium: 'Medium'
+            }, 'medium'),
+            ...standardStateProperties
+        ]
+    },
+    {
+        component: key(ComponentName.ComponentName.FileUploader),
+        displayName: 'File uploader',
+        description: 'A drop zone and a button to choose files, checked against type and size before anything is sent. Publishes the selection as the value output.',
+        properties: [
+            text('accept', 'Accepted types', 'Behavior', 'Extensions, MIME types and wildcards separated by commas, for example ".pdf, image/*".'),
+            number('maxSizeMb', 'Largest file (MB)', 'Behavior', undefined, {
+                constraints: {
+                    minimum: 0
+                }
+            }),
+            flag('multiple', 'Several files', 'Behavior', undefined, {
+                default: true
+            }),
+            text('serverUrl', 'Upload address', 'Behavior', 'Handed to the host\'s upload handler.'),
+            rule('actionPermission', 'Upload permission', 'Whether files can be chosen or dropped, refused with a reason, or the control is hidden.'),
+            scene_react.valueOutputProperty(scene_model.PropertyValueType.Json, 'The files chosen - name, size, type and status - published as they change.'),
+            ...standardStateProperties.filter((property)=>property.path !== 'actionPermission')
+        ]
+    },
+    {
+        component: key(ComponentName.ComponentName.ApprovalChainStepper),
+        displayName: 'Approval chain',
+        description: 'The steps a request goes through, who decides each and where it stands. A rejection stops the chain; the first undecided step is the current one.',
+        properties: [
+            {
+                ...list('steps', 'Steps', 'Data', 'Step', [
+                    text('label', 'Step', 'Content', undefined, {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('approver', 'Approver', 'Data'),
+                    choice('state', 'State', 'Data', {
+                        [approvalModel.ApprovalState.Pending]: 'Pending',
+                        [approvalModel.ApprovalState.Current]: 'Awaiting decision',
+                        [approvalModel.ApprovalState.Approved]: 'Approved',
+                        [approvalModel.ApprovalState.Rejected]: 'Rejected',
+                        [approvalModel.ApprovalState.Skipped]: 'Skipped'
+                    }, approvalModel.ApprovalState.Pending),
+                    text('at', 'Decided at', 'Data', 'An ISO 8601 date and time.'),
+                    text('comment', 'Comment', 'Data')
+                ], 'The approvers in order.'),
+                acceptedBindingKinds: bindable
+            },
+            choice('orientation', 'Orientation', 'Appearance', {
+                horizontal: 'Horizontal',
+                vertical: 'Vertical'
+            }, 'horizontal', 'A phone always reads vertically.'),
+            ...standardStateProperties
+        ]
+    },
+    {
+        component: key(ComponentName.ComponentName.OrgTree),
+        displayName: 'Org tree',
+        description: 'An organization as an expandable tree built from rows of who reports to whom. Publishes the selected id as the value output.',
+        properties: [
+            {
+                ...list('nodes', 'People', 'Data', 'Person', [
+                    text('id', 'Id', 'Data', undefined, {
+                        constraints: {
+                            required: true
+                        },
+                        editorKind: scene_model.PropertyEditorKind.Field
+                    }),
+                    text('label', 'Name', 'Data', undefined, {
+                        editorKind: scene_model.PropertyEditorKind.Field
+                    }),
+                    text('title', 'Title', 'Data', undefined, {
+                        editorKind: scene_model.PropertyEditorKind.Field
+                    }),
+                    text('parentId', 'Reports to', 'Data', 'The id of the person above; empty for the top.', {
+                        editorKind: scene_model.PropertyEditorKind.Field
+                    })
+                ], 'One row per person or unit.'),
+                acceptedBindingKinds: bindable
+            },
+            number('expandedDepth', 'Levels open at first', 'Appearance', undefined, {
+                default: 2,
+                constraints: {
+                    minimum: 1,
+                    integer: true
+                }
+            }),
+            text('selected', 'Selected', 'Data', 'The id of the selected node; bind it to start from one.'),
+            scene_react.valueOutputProperty(scene_model.PropertyValueType.String, 'The id of the selected node, published as the user selects.'),
+            ...standardStateProperties
+        ]
+    },
+    {
+        component: key(ComponentName.ComponentName.PermissionMatrix),
+        displayName: 'Permission matrix',
+        description: 'Roles across, permissions down, a checkbox where they meet. Publishes the grants as the value output.',
+        properties: [
+            {
+                ...list('roles', 'Roles', 'Data', 'Role', [
+                    text('id', 'Id', 'Data', undefined, {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('label', 'Name', 'Data')
+                ], 'The columns.'),
+                acceptedBindingKinds: bindable
+            },
+            {
+                ...list('permissions', 'Permissions', 'Data', 'Permission', [
+                    text('id', 'Id', 'Data', undefined, {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('label', 'Name', 'Data'),
+                    text('group', 'Group', 'Data', 'A heading the permission is listed under.')
+                ], 'The rows.'),
+                acceptedBindingKinds: bindable
+            },
+            {
+                ...list('grants', 'Grants', 'Data', 'Grant', [
+                    text('role', 'Role', 'Data', 'The id of a role.', {
+                        constraints: {
+                            required: true
+                        }
+                    }),
+                    text('permission', 'Permission', 'Data', 'The id of a permission.', {
+                        constraints: {
+                            required: true
+                        }
+                    })
+                ], 'What each role holds.'),
+                acceptedBindingKinds: bindable
+            },
+            rule('editPermission', 'Edit permission', 'Enabled lets the user change grants; otherwise the matrix is read-only.'),
+            scene_react.valueOutputProperty(scene_model.PropertyValueType.Json, 'The grants as the user has changed them: rows of role and permission, published as they change.'),
+            ...standardStateProperties
+        ]
     }
 ];