@cratis/scene.blueprint.default 4.34.0 → 4.36.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChecklistSection.js","sources":["../../../foundation/ChecklistSection.tsx"],"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 { useEffect, useMemo, useState } from 'react';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { ChecklistGroup, completed, doneTaskIds, isOverdue, readChecklist, toggleTask } from './checklistModel';\nimport { ComponentState, readComponentState } from './ComponentState';\nimport { FoundationIcon } from './FoundationIcon';\nimport { formatDate, readLocale } from './formatting';\nimport { formatText, readFoundationStrings } from './foundationStrings';\nimport { readPermissionRule } from './PermissionRule';\nimport { FoundationFrame } from './StateFrame';\n\n/**\n * The `checklistSection` component: sections of tasks, each with its owner and due date, and a progress bar per section.\n *\n * `sections` give the structure (`title`, and `items` with `id`, `label`, `owner`, `due`, `done`). Ticking a task publishes the ids of all\n * done tasks as the `value` output and runs the behaviors attached to the element. An open task past its due date says \"Overdue\" in\n * words as well as in color. Progress is a labelled progress bar, so \"2 of 5 complete\" is read, not just seen. With `editPermission`\n * not enabled the tasks are shown and cannot be changed.\n */\nexport function ChecklistSection({ element, interactions, bindingOutputs }: RegisteredComponentProps) {\n    const supplied = useMemo(() => readChecklist(element.properties.sections), [element.properties.sections]);\n    const suppliedKey = JSON.stringify(supplied);\n    const [groups, setGroups] = useState<ChecklistGroup[]>(supplied);\n    const strings = readFoundationStrings(element);\n    const locale = readLocale(element);\n    const state = readComponentState(element, supplied.some(group => group.items.length > 0));\n    const locked = readPermissionRule(element, 'editPermission') !== 'enabled';\n    const now = useMemo(() => (typeof element.properties.today === 'string' ? new Date(element.properties.today) : new Date()), [element.properties.today]);\n\n    useEffect(() => setGroups(supplied), [suppliedKey]);\n    useValueOutput(bindingOutputs, doneTaskIds(groups));\n\n    return (\n        <FoundationFrame element={element} interactions={interactions} name='checklist' state={state} skeleton={[40, 100, 90, 95]}>\n            {(state === ComponentState.Ready || state === ComponentState.Partial) && groups.map((group, groupIndex) => {\n                const done = completed(group);\n                const total = group.items.length;\n                return (\n                    <section key={group.title + groupIndex} className='foundation-checklist-group' aria-labelledby={`${element.id}-group-${groupIndex}`}>\n                        <header className='foundation-checklist-header'>\n                            <h3 id={`${element.id}-group-${groupIndex}`}>{group.title}</h3>\n                            <span className='foundation-count'>{formatText(strings.checklistProgress, { done, total })}</span>\n                        </header>\n                        <div className='foundation-progress' role='progressbar' aria-label={formatText(strings.checklistItemProgress, { title: group.title })}\n                            aria-valuemin={0} aria-valuemax={total} aria-valuenow={done} aria-valuetext={formatText(strings.checklistProgress, { done, total })}>\n                            <span className='foundation-progress-bar' style={{ inlineSize: total === 0 ? '0%' : `${(done / total) * 100}%` }} />\n                        </div>\n                        {total === 0 ? <p className='foundation-count'>{strings.checklistNone}</p> : (\n                            <ul className='foundation-checklist-items'>\n                                {group.items.map(item => {\n                                    const overdue = isOverdue(item, now);\n                                    return (\n                                        <li key={item.id} className='foundation-checklist-item' data-done={item.done} data-overdue={overdue}>\n                                            <label className='foundation-check'>\n                                                <input type='checkbox' checked={item.done} disabled={locked} onChange={() => { setGroups(toggleTask(groups, item.id)); interactions?.onChange?.(); }} />\n                                                <span className='foundation-checklist-label'>{item.label}</span>\n                                            </label>\n                                            <span className='foundation-checklist-meta'>\n                                                {item.owner && <span><span className='foundation-visually-hidden'>{`${strings.checklistOwner}: `}</span><FoundationIcon name='user' /> {item.owner}</span>}\n                                                {item.due && (\n                                                    <span>\n                                                        <span className='foundation-visually-hidden'>{`${strings.checklistDue}: `}</span>\n                                                        <time dateTime={item.due}>{formatDate(item.due, locale)}</time>\n                                                        {overdue && <strong className='foundation-overdue'> · <FoundationIcon name='alert' /> {strings.checklistOverdue}</strong>}\n                                                    </span>\n                                                )}\n                                            </span>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </section>\n                );\n            })}\n        </FoundationFrame>\n    );\n}\n"],"names":["ChecklistSection","element","interactions","bindingOutputs","supplied","useMemo","readChecklist","properties","sections","suppliedKey","JSON","stringify","groups","setGroups","useState","strings","readFoundationStrings","locale","readLocale","state","readComponentState","some","group","items","length","locked","readPermissionRule","now","today","Date","useEffect","useValueOutput","doneTaskIds","_jsx","FoundationFrame","name","skeleton","ComponentState","Ready","Partial","map","groupIndex","done","completed","total","_jsxs","section","className","aria-labelledby","id","header","h3","title","span","formatText","checklistProgress","div","role","aria-label","checklistItemProgress","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","style","inlineSize","p","checklistNone","ul","item","overdue","isOverdue","li","data-done","data-overdue","label","input","type","checked","disabled","onChange","toggleTask","owner","checklistOwner","FoundationIcon","due","checklistDue","time","dateTime","formatDate","strong","checklistOverdue"],"mappings":"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"}

package/dist/cjs/foundation/FileUploader.js

@@ -0,0 +1,218 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var scene_react = require('@cratis/scene.react');
+var elementProperties = require('../shell/elementProperties.js');
+var ActionButton = require('./ActionButton.js');
+var ComponentState = require('./ComponentState.js');
+var FileUploaderHandler = require('./FileUploaderHandler.js');
+var FoundationIcon = require('./FoundationIcon.js');
+var formatting = require('./formatting.js');
+var foundationStrings = require('./foundationStrings.js');
+var PermissionRule = require('./PermissionRule.js');
+var StateFrame = require('./StateFrame.js');
+var uploadModel = require('./uploadModel.js');
+
+/**
+ * The `fileUploader` component: a drop zone and a button to choose files, checked against type and size before anything is sent.
+ *
+ * `accept` is an `accept` list, `maxSizeMb` the largest file, and `multiple` whether more than one is allowed. The zone is a real file
+ * input behind a labelled button, so it works from the keyboard and with a screen reader; dropping onto it does the same as choosing.
+ * Refusals are announced with their reason. Accepted files are listed with a remove button and a status in words; the selection
+ * (name, size, type) is published as the `value` output. With a `FileUploaderHandlerProvider` in scope the files are sent through it and
+ * marked uploading, done or failed; without one the component only collects. `actionPermission` gates choosing files.
+ */ function FileUploader({ element, interactions, bindingOutputs }) {
+    const strings = foundationStrings.readFoundationStrings(element);
+    const locale = formatting.readLocale(element);
+    const handler = FileUploaderHandler.useFileUploaderHandler();
+    const [entries, setEntries] = react.useState([]);
+    const [problems, setProblems] = react.useState([]);
+    const [dragging, setDragging] = react.useState(false);
+    const input = react.useRef(null);
+    const accept = elementProperties.readOptionalString(element, 'accept') ?? '';
+    const maximumBytes = (typeof element.properties.maxSizeMb === 'number' ? element.properties.maxSizeMb : 0) * 1024 * 1024;
+    const multiple = element.properties.multiple !== false;
+    const rule = PermissionRule.readPermissionRule(element, 'actionPermission');
+    const state = ComponentState.readComponentState(element, true);
+    const serverUrl = elementProperties.readOptionalString(element, 'serverUrl');
+    scene_react.useValueOutput(bindingOutputs, entries.map((entry)=>({
+            name: entry.file.name,
+            size: entry.file.size,
+            type: entry.file.type,
+            status: entry.status
+        })));
+    const send = async (files)=>{
+        if (!handler) return;
+        const mark = (status)=>setEntries((current)=>current.map((entry)=>files.includes(entry.file) ? {
+                        ...entry,
+                        status
+                    } : entry));
+        mark(uploadModel.UploadStatus.Uploading);
+        try {
+            await handler(files, serverUrl);
+            mark(uploadModel.UploadStatus.Done);
+        } catch  {
+            mark(uploadModel.UploadStatus.Failed);
+        }
+    };
+    const take = (chosen)=>{
+        const { accepted, refused } = uploadModel.checkSelection(chosen, {
+            accept,
+            maximumBytes,
+            multiple
+        }, entries.length);
+        setProblems(refused.map(({ file, reason })=>reason === uploadModel.UploadRefusal.WrongType ? foundationStrings.formatText(strings.uploadWrongType, {
+                name: file.name
+            }) : reason === uploadModel.UploadRefusal.TooLarge ? foundationStrings.formatText(strings.uploadTooLarge, {
+                name: file.name,
+                limit: uploadModel.formatBytes(maximumBytes, locale)
+            }) : strings.uploadSingle));
+        if (accepted.length === 0) return;
+        setEntries((current)=>[
+                ...current,
+                ...accepted.map((file)=>({
+                        file,
+                        status: uploadModel.UploadStatus.Queued
+                    }))
+            ]);
+        interactions?.onChange?.();
+        void send(accepted);
+    };
+    const choose = (event)=>{
+        take(Array.from(event.target.files ?? []));
+        event.target.value = '';
+    };
+    const drop = (event)=>{
+        event.preventDefault();
+        setDragging(false);
+        if (rule === 'enabled') take(Array.from(event.dataTransfer.files));
+    };
+    const statusText = {
+        queued: strings.uploadQueued,
+        uploading: strings.uploadUploading,
+        done: strings.uploadDone,
+        failed: strings.uploadFailed
+    };
+    const limits = [
+        accept ? foundationStrings.formatText(strings.uploadAccepts, {
+            types: accept
+        }) : '',
+        maximumBytes > 0 ? foundationStrings.formatText(strings.uploadLimits, {
+            limit: uploadModel.formatBytes(maximumBytes, locale)
+        }) : ''
+    ].filter(Boolean).join(' · ');
+    return /*#__PURE__*/ jsxRuntime.jsx(StateFrame.FoundationFrame, {
+        element: element,
+        interactions: interactions,
+        name: "file-uploader",
+        state: state,
+        skeleton: [
+            100,
+            40
+        ],
+        children: state !== ComponentState.ComponentState.Loading && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    className: "foundation-dropzone",
+                    "data-dragging": dragging,
+                    onDragOver: (event)=>{
+                        event.preventDefault();
+                        setDragging(true);
+                    },
+                    onDragLeave: ()=>setDragging(false),
+                    onDrop: drop,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                            name: "upload"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            children: strings.uploadDrop
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("input", {
+                            ref: input,
+                            className: "foundation-visually-hidden",
+                            type: "file",
+                            tabIndex: -1,
+                            accept: accept || undefined,
+                            multiple: multiple,
+                            disabled: rule !== 'enabled',
+                            onChange: choose,
+                            "aria-hidden": "true"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(ActionButton.ActionButton, {
+                            rule: rule,
+                            emphasis: "secondary",
+                            disabledReason: strings.disabledNoPermission,
+                            onClick: ()=>input.current?.click(),
+                            children: strings.uploadBrowse
+                        }),
+                        limits && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            className: "foundation-count",
+                            children: limits
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                    "aria-live": "polite",
+                    className: "foundation-upload-problems",
+                    children: problems.map((problem)=>/*#__PURE__*/ jsxRuntime.jsx("p", {
+                            className: "foundation-message-text",
+                            "data-tone": "danger",
+                            children: problem
+                        }, problem))
+                }),
+                entries.length > 0 && /*#__PURE__*/ jsxRuntime.jsx("ul", {
+                    className: "foundation-upload-list",
+                    "aria-label": strings.uploadSelected,
+                    children: entries.map((entry, index)=>/*#__PURE__*/ jsxRuntime.jsxs("li", {
+                            className: "foundation-upload-item",
+                            "data-status": entry.status,
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                                    name: "file"
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    className: "foundation-upload-name",
+                                    children: entry.file.name
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    className: "foundation-count",
+                                    children: uploadModel.formatBytes(entry.file.size, locale)
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    className: "foundation-upload-status",
+                                    children: statusText[entry.status]
+                                }),
+                                entry.status === uploadModel.UploadStatus.Failed && /*#__PURE__*/ jsxRuntime.jsx("button", {
+                                    type: "button",
+                                    className: "foundation-link",
+                                    onClick: ()=>void send([
+                                            entry.file
+                                        ]),
+                                    children: strings.retry
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("button", {
+                                    type: "button",
+                                    className: "foundation-icon-button",
+                                    "aria-label": foundationStrings.formatText(strings.uploadRemove, {
+                                        name: entry.file.name
+                                    }),
+                                    onClick: ()=>{
+                                        setEntries((current)=>current.filter((existing)=>existing !== entry));
+                                        interactions?.onChange?.();
+                                    },
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                                        name: "close"
+                                    })
+                                })
+                            ]
+                        }, entry.file.name + index))
+                })
+            ]
+        })
+    });
+}
+
+exports.FileUploader = FileUploader;
+//# sourceMappingURL=FileUploader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sources":["../../../foundation/FileUploader.tsx"],"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 { ChangeEvent, DragEvent, useRef, useState } from 'react';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { readOptionalString } from '../shell/elementProperties';\nimport { ActionButton } from './ActionButton';\nimport { ComponentState, readComponentState } from './ComponentState';\nimport { useFileUploaderHandler } from './FileUploaderHandler';\nimport { FoundationIcon } from './FoundationIcon';\nimport { readLocale } from './formatting';\nimport { formatText, readFoundationStrings } from './foundationStrings';\nimport { readPermissionRule } from './PermissionRule';\nimport { FoundationFrame } from './StateFrame';\nimport { UploadRefusal, UploadStatus, checkSelection, formatBytes } from './uploadModel';\n\ninterface Entry {\n    file: File;\n    status: UploadStatus;\n}\n\n/**\n * The `fileUploader` component: a drop zone and a button to choose files, checked against type and size before anything is sent.\n *\n * `accept` is an `accept` list, `maxSizeMb` the largest file, and `multiple` whether more than one is allowed. The zone is a real file\n * input behind a labelled button, so it works from the keyboard and with a screen reader; dropping onto it does the same as choosing.\n * Refusals are announced with their reason. Accepted files are listed with a remove button and a status in words; the selection\n * (name, size, type) is published as the `value` output. With a `FileUploaderHandlerProvider` in scope the files are sent through it and\n * marked uploading, done or failed; without one the component only collects. `actionPermission` gates choosing files.\n */\nexport function FileUploader({ element, interactions, bindingOutputs }: RegisteredComponentProps) {\n    const strings = readFoundationStrings(element);\n    const locale = readLocale(element);\n    const handler = useFileUploaderHandler();\n    const [entries, setEntries] = useState<Entry[]>([]);\n    const [problems, setProblems] = useState<string[]>([]);\n    const [dragging, setDragging] = useState(false);\n    const input = useRef<HTMLInputElement>(null);\n    const accept = readOptionalString(element, 'accept') ?? '';\n    const maximumBytes = (typeof element.properties.maxSizeMb === 'number' ? element.properties.maxSizeMb : 0) * 1024 * 1024;\n    const multiple = element.properties.multiple !== false;\n    const rule = readPermissionRule(element, 'actionPermission');\n    const state = readComponentState(element, true);\n    const serverUrl = readOptionalString(element, 'serverUrl');\n\n    useValueOutput(bindingOutputs, entries.map(entry => ({ name: entry.file.name, size: entry.file.size, type: entry.file.type, status: entry.status })));\n\n    const send = async (files: File[]) => {\n        if (!handler) return;\n        const mark = (status: UploadStatus) => setEntries(current => current.map(entry => (files.includes(entry.file) ? { ...entry, status } : entry)));\n        mark(UploadStatus.Uploading);\n        try {\n            await handler(files, serverUrl);\n            mark(UploadStatus.Done);\n        } catch {\n            mark(UploadStatus.Failed);\n        }\n    };\n\n    const take = (chosen: File[]) => {\n        const { accepted, refused } = checkSelection(chosen, { accept, maximumBytes, multiple }, entries.length);\n        setProblems(refused.map(({ file, reason }) => reason === UploadRefusal.WrongType ? formatText(strings.uploadWrongType, { name: file.name })\n            : reason === UploadRefusal.TooLarge ? formatText(strings.uploadTooLarge, { name: file.name, limit: formatBytes(maximumBytes, locale) }) : strings.uploadSingle));\n        if (accepted.length === 0) return;\n\n        setEntries(current => [...current, ...accepted.map(file => ({ file, status: UploadStatus.Queued }))]);\n        interactions?.onChange?.();\n        void send(accepted);\n    };\n\n    const choose = (event: ChangeEvent<HTMLInputElement>) => {\n        take(Array.from(event.target.files ?? []));\n        event.target.value = '';\n    };\n    const drop = (event: DragEvent) => {\n        event.preventDefault();\n        setDragging(false);\n        if (rule === 'enabled') take(Array.from(event.dataTransfer.files));\n    };\n    const statusText: Record<UploadStatus, string> = {\n        queued: strings.uploadQueued, uploading: strings.uploadUploading, done: strings.uploadDone, failed: strings.uploadFailed,\n    };\n    const limits = [accept ? formatText(strings.uploadAccepts, { types: accept }) : '', maximumBytes > 0 ? formatText(strings.uploadLimits, { limit: formatBytes(maximumBytes, locale) }) : ''].filter(Boolean).join(' · ');\n\n    return (\n        <FoundationFrame element={element} interactions={interactions} name='file-uploader' state={state} skeleton={[100, 40]}>\n            {state !== ComponentState.Loading && (\n                <>\n                    <div className='foundation-dropzone' data-dragging={dragging} onDragOver={event => { event.preventDefault(); setDragging(true); }} onDragLeave={() => setDragging(false)} onDrop={drop}>\n                        <FoundationIcon name='upload' />\n                        <span>{strings.uploadDrop}</span>\n                        <input ref={input} className='foundation-visually-hidden' type='file' tabIndex={-1} accept={accept || undefined} multiple={multiple} disabled={rule !== 'enabled'} onChange={choose} aria-hidden='true' />\n                        <ActionButton rule={rule} emphasis='secondary' disabledReason={strings.disabledNoPermission} onClick={() => input.current?.click()}>\n                            {strings.uploadBrowse}\n                        </ActionButton>\n                        {limits && <span className='foundation-count'>{limits}</span>}\n                    </div>\n                    <div aria-live='polite' className='foundation-upload-problems'>\n                        {problems.map(problem => <p key={problem} className='foundation-message-text' data-tone='danger'>{problem}</p>)}\n                    </div>\n                    {entries.length > 0 && (\n                        <ul className='foundation-upload-list' aria-label={strings.uploadSelected}>\n                            {entries.map((entry, index) => (\n                                <li key={entry.file.name + index} className='foundation-upload-item' data-status={entry.status}>\n                                    <FoundationIcon name='file' />\n                                    <span className='foundation-upload-name'>{entry.file.name}</span>\n                                    <span className='foundation-count'>{formatBytes(entry.file.size, locale)}</span>\n                                    <span className='foundation-upload-status'>{statusText[entry.status]}</span>\n                                    {entry.status === UploadStatus.Failed && <button type='button' className='foundation-link' onClick={() => void send([entry.file])}>{strings.retry}</button>}\n                                    <button type='button' className='foundation-icon-button' aria-label={formatText(strings.uploadRemove, { name: entry.file.name })}\n                                        onClick={() => { setEntries(current => current.filter(existing => existing !== entry)); interactions?.onChange?.(); }}>\n                                        <FoundationIcon name='close' />\n                                    </button>\n                                </li>\n                            ))}\n                        </ul>\n                    )}\n                </>\n            )}\n        </FoundationFrame>\n    );\n}\n"],"names":["FileUploader","element","interactions","bindingOutputs","strings","readFoundationStrings","locale","readLocale","handler","useFileUploaderHandler","entries","setEntries","useState","problems","setProblems","dragging","setDragging","input","useRef","accept","readOptionalString","maximumBytes","properties","maxSizeMb","multiple","rule","readPermissionRule","state","readComponentState","serverUrl","useValueOutput","map","entry","name","file","size","type","status","send","files","mark","current","includes","UploadStatus","Uploading","Done","Failed","take","chosen","accepted","refused","checkSelection","length","reason","UploadRefusal","WrongType","formatText","uploadWrongType","TooLarge","uploadTooLarge","limit","formatBytes","uploadSingle","Queued","onChange","choose","event","Array","from","target","value","drop","preventDefault","dataTransfer","statusText","queued","uploadQueued","uploading","uploadUploading","done","uploadDone","failed","uploadFailed","limits","uploadAccepts","types","uploadLimits","filter","Boolean","join","_jsx","FoundationFrame","skeleton","ComponentState","Loading","_jsxs","_Fragment","div","className","data-dragging","onDragOver","onDragLeave","onDrop","FoundationIcon","span","uploadDrop","ref","tabIndex","undefined","disabled","aria-hidden","ActionButton","emphasis","disabledReason","disabledNoPermission","onClick","click","uploadBrowse","aria-live","problem","p","data-tone","ul","aria-label","uploadSelected","index","li","data-status","button","retry","uploadRemove","existing"],"mappings":"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"}

package/dist/cjs/foundation/FileUploaderHandler.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const Context = /*#__PURE__*/ react.createContext(undefined);
+/** Provides the upload handler to the file uploaders below it. */ function FileUploaderHandlerProvider({ handler, children }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(Context.Provider, {
+        value: handler,
+        children: children
+    });
+}
+/** The handler in scope, if any. */ const useFileUploaderHandler = ()=>react.useContext(Context);
+
+exports.FileUploaderHandlerProvider = FileUploaderHandlerProvider;
+exports.useFileUploaderHandler = useFileUploaderHandler;
+//# sourceMappingURL=FileUploaderHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderHandler.js","sources":["../../../foundation/FileUploaderHandler.tsx"],"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 { ReactNode, createContext, useContext } from 'react';\n\n/**\n * What sends the accepted files somewhere: a host's server client, kept out of the portable package.\n *\n * The signature is the one `@cratis/scene.primereact` uses for its `fileUpload`, so a host hands the same function to both. A handler that\n * rejects marks the files as failed, with a retry; without a handler the uploader only collects and publishes the selection.\n */\nexport type FileUploaderHandler = (files: File[], serverUrl?: string) => Promise<void>;\n\nconst Context = createContext<FileUploaderHandler | undefined>(undefined);\n\n/** Provides the upload handler to the file uploaders below it. */\nexport function FileUploaderHandlerProvider({ handler, children }: { handler?: FileUploaderHandler; children: ReactNode }) {\n    return <Context.Provider value={handler}>{children}</Context.Provider>;\n}\n\n/** The handler in scope, if any. */\nexport const useFileUploaderHandler = (): FileUploaderHandler | undefined => useContext(Context);\n"],"names":["Context","createContext","undefined","FileUploaderHandlerProvider","handler","children","_jsx","Provider","value","useFileUploaderHandler","useContext"],"mappings":";;;;;AAaA,MAAMA,wBAAUC,mBAAAA,CAA+CC,SAAAA,CAAAA;AAE/D,mEACO,SAASC,2BAAAA,CAA4B,EAAEC,OAAO,EAAEC,QAAQ,EAA0D,EAAA;IACrH,qBAAOC,cAAA,CAACN,QAAQO,QAAQ,EAAA;QAACC,KAAAA,EAAOJ,OAAAA;AAAUC,QAAAA,QAAAA,EAAAA;;AAC9C;AAEA,qCACO,MAAMI,sBAAAA,GAAyB,IAAuCC,iBAAWV,OAAAA;;;"}

package/dist/cjs/foundation/activityModel.js

@@ -0,0 +1,63 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** What kind of thing happened, which decides the icon and the word that tells it apart without color. */ var ActivityKind = /*#__PURE__*/ function(ActivityKind) {
+    ActivityKind["Comment"] = "comment";
+    ActivityKind["Change"] = "change";
+    ActivityKind["Status"] = "status";
+    ActivityKind["System"] = "system";
+    return ActivityKind;
+}({});
+/** Reads entries out of a property value, dropping those without an id or a time that parses. */ function readActivity(value) {
+    if (!Array.isArray(value)) return [];
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { id, actor, action, kind, at, body } = entry;
+        if (typeof id !== 'string' || typeof at !== 'string' || Number.isNaN(new Date(at).getTime())) return [];
+        return [
+            {
+                id,
+                at,
+                actor: typeof actor === 'string' ? actor : '',
+                action: typeof action === 'string' ? action : '',
+                kind: Object.values(ActivityKind).includes(kind) ? kind : "system",
+                ...typeof body === 'string' && body.length > 0 ? {
+                    body
+                } : {}
+            }
+        ];
+    });
+}
+/** The calendar day of an instant in a time zone, as `YYYY-MM-DD`. */ function dayOf(at, timeZone) {
+    return new Intl.DateTimeFormat('en-CA', {
+        timeZone,
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit'
+    }).format(new Date(at));
+}
+/** Sorts the entries by time (newest first unless `ascending`) and groups them by calendar day, so a long feed has headings to scan by. */ function groupByDay(entries, ascending = false, timeZone) {
+    const sorted = [
+        ...entries
+    ].sort((first, second)=>(new Date(first.at).getTime() - new Date(second.at).getTime()) * (ascending ? 1 : -1));
+    const days = [];
+    for (const entry of sorted){
+        const day = dayOf(entry.at, timeZone);
+        const last = days[days.length - 1];
+        if (last?.day === day) last.entries.push(entry);
+        else days.push({
+            day,
+            entries: [
+                entry
+            ]
+        });
+    }
+    return days;
+}
+
+exports.ActivityKind = ActivityKind;
+exports.dayOf = dayOf;
+exports.groupByDay = groupByDay;
+exports.readActivity = readActivity;
+//# sourceMappingURL=activityModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activityModel.js","sources":["../../../foundation/activityModel.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/** What kind of thing happened, which decides the icon and the word that tells it apart without color. */\nexport enum ActivityKind {\n    Comment = 'comment',\n    Change = 'change',\n    Status = 'status',\n    System = 'system',\n}\n\n/** One thing that happened to a record. */\nexport interface ActivityEntry {\n    id: string;\n    actor: string;\n    action: string;\n    kind: ActivityKind;\n    at: string;\n    body?: string;\n}\n\n/** The entries of one day, in the order the feed shows them. */\nexport interface ActivityDay {\n    day: string;\n    entries: ActivityEntry[];\n}\n\n/** Reads entries out of a property value, dropping those without an id or a time that parses. */\nexport function readActivity(value: unknown): ActivityEntry[] {\n    if (!Array.isArray(value)) return [];\n\n    return value.flatMap((entry): ActivityEntry[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { id, actor, action, kind, at, body } = entry as Record<string, unknown>;\n        if (typeof id !== 'string' || typeof at !== 'string' || Number.isNaN(new Date(at).getTime())) return [];\n\n        return [{\n            id, at,\n            actor: typeof actor === 'string' ? actor : '',\n            action: typeof action === 'string' ? action : '',\n            kind: (Object.values(ActivityKind) as string[]).includes(kind as string) ? (kind as ActivityKind) : ActivityKind.System,\n            ...(typeof body === 'string' && body.length > 0 ? { body } : {}),\n        }];\n    });\n}\n\n/** The calendar day of an instant in a time zone, as `YYYY-MM-DD`. */\nexport function dayOf(at: string, timeZone?: string): string {\n    return new Intl.DateTimeFormat('en-CA', { timeZone, year: 'numeric', month: '2-digit', day: '2-digit' }).format(new Date(at));\n}\n\n/** Sorts the entries by time (newest first unless `ascending`) and groups them by calendar day, so a long feed has headings to scan by. */\nexport function groupByDay(entries: ActivityEntry[], ascending = false, timeZone?: string): ActivityDay[] {\n    const sorted = [...entries].sort((first, second) => (new Date(first.at).getTime() - new Date(second.at).getTime()) * (ascending ? 1 : -1));\n    const days: ActivityDay[] = [];\n\n    for (const entry of sorted) {\n        const day = dayOf(entry.at, timeZone);\n        const last = days[days.length - 1];\n        if (last?.day === day) last.entries.push(entry);\n        else days.push({ day, entries: [entry] });\n    }\n\n    return days;\n}\n"],"names":["ActivityKind","readActivity","value","Array","isArray","flatMap","entry","id","actor","action","kind","at","body","Number","isNaN","Date","getTime","Object","values","includes","length","dayOf","timeZone","Intl","DateTimeFormat","year","month","day","format","groupByDay","entries","ascending","sorted","sort","first","second","days","last","push"],"mappings":"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"}

package/dist/cjs/foundation/avatarModel.js

@@ -0,0 +1,42 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** A person shown as an avatar. */ /** Reads people out of a property value, dropping entries without a name. */ function readPeople(value) {
+    if (!Array.isArray(value)) return [];
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { name, imageUrl } = entry;
+        if (typeof name !== 'string' || name.trim().length === 0) return [];
+        return [
+            {
+                name: name.trim(),
+                ...typeof imageUrl === 'string' && imageUrl.length > 0 ? {
+                    imageUrl
+                } : {}
+            }
+        ];
+    });
+}
+/** The initials of a name: the first letter of the first and last words, so "Ada King Lovelace" is AL and "Ada" is A. */ function initialsOf(name) {
+    const words = name.split(/\s+/).filter((word)=>word.length > 0);
+    if (words.length === 0) return '';
+    const first = Array.from(words[0])[0] ?? '';
+    const last = words.length > 1 ? Array.from(words[words.length - 1])[0] ?? '' : '';
+    return `${first}${last}`.toLocaleUpperCase();
+}
+/** Splits people into those shown and how many are folded into the "+N" chip; at least one is always shown when there are any. */ function visiblePeople(people, maximum) {
+    const limit = Math.max(1, Math.floor(maximum));
+    return people.length <= limit ? {
+        shown: people,
+        hidden: 0
+    } : {
+        shown: people.slice(0, limit),
+        hidden: people.length - limit
+    };
+}
+
+exports.initialsOf = initialsOf;
+exports.readPeople = readPeople;
+exports.visiblePeople = visiblePeople;
+//# sourceMappingURL=avatarModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatarModel.js","sources":["../../../foundation/avatarModel.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/** A person shown as an avatar. */\nexport interface AvatarPerson {\n    name: string;\n    imageUrl?: string;\n}\n\n/** Reads people out of a property value, dropping entries without a name. */\nexport function readPeople(value: unknown): AvatarPerson[] {\n    if (!Array.isArray(value)) return [];\n\n    return value.flatMap((entry): AvatarPerson[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { name, imageUrl } = entry as Record<string, unknown>;\n        if (typeof name !== 'string' || name.trim().length === 0) return [];\n        return [{ name: name.trim(), ...(typeof imageUrl === 'string' && imageUrl.length > 0 ? { imageUrl } : {}) }];\n    });\n}\n\n/** The initials of a name: the first letter of the first and last words, so \"Ada King Lovelace\" is AL and \"Ada\" is A. */\nexport function initialsOf(name: string): string {\n    const words = name.split(/\\s+/).filter(word => word.length > 0);\n    if (words.length === 0) return '';\n\n    const first = Array.from(words[0])[0] ?? '';\n    const last = words.length > 1 ? Array.from(words[words.length - 1])[0] ?? '' : '';\n    return `${first}${last}`.toLocaleUpperCase();\n}\n\n/** Splits people into those shown and how many are folded into the \"+N\" chip; at least one is always shown when there are any. */\nexport function visiblePeople(people: AvatarPerson[], maximum: number): { shown: AvatarPerson[]; hidden: number } {\n    const limit = Math.max(1, Math.floor(maximum));\n    return people.length <= limit ? { shown: people, hidden: 0 } : { shown: people.slice(0, limit), hidden: people.length - limit };\n}\n"],"names":["readPeople","value","Array","isArray","flatMap","entry","name","imageUrl","trim","length","initialsOf","words","split","filter","word","first","from","last","toLocaleUpperCase","visiblePeople","people","maximum","limit","Math","max","floor","shown","hidden","slice"],"mappings":";;AAAA;AACA;AAEA,kHAOO,SAASA,WAAWC,KAAc,EAAA;AACrC,IAAA,IAAI,CAACC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,OAAO,EAAE;IAEpC,OAAOA,KAAAA,CAAMG,OAAO,CAAC,CAACC,KAAAA,GAAAA;QAClB,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQH,MAAMC,OAAO,CAACE,KAAAA,CAAAA,EAAQ,OAAO,EAAE;AAClF,QAAA,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGF,KAAAA;QAC3B,IAAI,OAAOC,IAAAA,KAAS,QAAA,IAAYA,IAAAA,CAAKE,IAAI,GAAGC,MAAM,KAAK,CAAA,EAAG,OAAO,EAAE;QACnE,OAAO;AAAC,YAAA;AAAEH,gBAAAA,IAAAA,EAAMA,KAAKE,IAAI,EAAA;AAAI,gBAAA,GAAI,OAAOD,QAAAA,KAAa,QAAA,IAAYA,QAAAA,CAASE,MAAM,GAAG,CAAA,GAAI;AAAEF,oBAAAA;AAAS,iBAAA,GAAI;AAAI;AAAE,SAAA;AAChH,IAAA,CAAA,CAAA;AACJ;AAEA,0HACO,SAASG,UAAAA,CAAWJ,IAAY,EAAA;IACnC,MAAMK,KAAAA,GAAQL,IAAAA,CAAKM,KAAK,CAAC,KAAA,CAAA,CAAOC,MAAM,CAACC,CAAAA,IAAAA,GAAQA,IAAAA,CAAKL,MAAM,GAAG,CAAA,CAAA;AAC7D,IAAA,IAAIE,KAAAA,CAAMF,MAAM,KAAK,CAAA,EAAG,OAAO,EAAA;IAE/B,MAAMM,KAAAA,GAAQb,KAAAA,CAAMc,IAAI,CAACL,KAAK,CAAC,CAAA,CAAE,CAAC,CAAC,CAAA,CAAE,IAAI,EAAA;AACzC,IAAA,MAAMM,OAAON,KAAAA,CAAMF,MAAM,GAAG,CAAA,GAAIP,KAAAA,CAAMc,IAAI,CAACL,KAAK,CAACA,KAAAA,CAAMF,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAA,CAAE,IAAI,EAAA,GAAK,EAAA;AAC/E,IAAA,OAAO,CAAA,EAAGM,KAAAA,CAAAA,EAAQE,IAAAA,CAAAA,CAAM,CAACC,iBAAiB,EAAA;AAC9C;AAEA,mIACO,SAASC,aAAAA,CAAcC,MAAsB,EAAEC,OAAe,EAAA;AACjE,IAAA,MAAMC,QAAQC,IAAAA,CAAKC,GAAG,CAAC,CAAA,EAAGD,IAAAA,CAAKE,KAAK,CAACJ,OAAAA,CAAAA,CAAAA;IACrC,OAAOD,MAAAA,CAAOX,MAAM,IAAIa,KAAAA,GAAQ;QAAEI,KAAAA,EAAON,MAAAA;QAAQO,MAAAA,EAAQ;KAAE,GAAI;QAAED,KAAAA,EAAON,MAAAA,CAAOQ,KAAK,CAAC,CAAA,EAAGN,KAAAA,CAAAA;QAAQK,MAAAA,EAAQP,MAAAA,CAAOX,MAAM,GAAGa;AAAM,KAAA;AAClI;;;;"}

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,32 @@ 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'
     ])
 };