@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/kind-settings-choices.d.ts

@@ -0,0 +1,17 @@
+import type { FieldNode, Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * The choice kinds' own settings, in the picked question and the side panel
+ * alike: how the options are laid out, which stay in place when shuffled, a
+ * dropdown that searches its list, tags of one's own, pictures' words, size
+ * and fit, how many a ranking ranks, a matrix's answers per row, shuffled
+ * rows and columns taken once, how a yes or no shows and its words, and
+ * whether a status's steps can be picked.
+ */
+export interface ChoicePart {
+    element: HTMLElement;
+    standsIn: boolean;
+    refresh(page: Page, node: FieldNode): void;
+}
+export declare function choiceSettings(el: ElementFactory, designer: Designer, id: string, kind: string | null): ChoicePart[];

package/src/lib/kind-settings-choices.js

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.choiceSettings = choiceSettings;
+const page_tree_1 = require("./page-tree");
+/** Kinds whose options may be shuffled, so may be kept in place. */
+const SHUFFLED = new Set(['multiple-choice', 'checkboxes', 'dropdown', 'image-choice', 'ranking']);
+/** Above this many options a dropdown searches its list unless told not to, as the viewer does. */
+const LONG_LIST = 15;
+const optionsOf = (field) => (field.type === 'selection' ? field.options : []);
+function choiceSettings(el, designer, id, kind) {
+    const w = designer.words.questions;
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const option = (node, key) => node.options?.[key];
+    const word = (text, control) => el('label', { class: 'fd-inline-setting' }, el('span', {}, text), control);
+    const select = (label, choices, onChange) => {
+        const box = el('select', { class: 'fd-inline-select', 'aria-label': label }, ...choices.map(([value, words]) => el('option', { value }, words)));
+        box.addEventListener('change', () => onChange(box.value));
+        return box;
+    };
+    const toggle = (label, onClick) => {
+        const button = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-label': label });
+        button.addEventListener('click', () => onClick(button.getAttribute('aria-checked') !== 'true'));
+        return { button, element: el('span', { class: 'fd-inline-setting fd-inline-toggle' }, button, el('span', { 'aria-hidden': 'true' }, label)) };
+    };
+    const switchPart = (label, onClick, on) => {
+        const made = toggle(label, onClick);
+        return { element: made.element, standsIn: false, refresh: (page, node) => made.button.setAttribute('aria-checked', String(on(page, node))) };
+    };
+    const widget = (patch) => designer.setWidgetOptions(id, patch);
+    /** How many options the question has now. */
+    const count = () => {
+        const page = designer.getPage();
+        const node = (0, page_tree_1.findNode)(page, id)?.node;
+        return node?.type === 'field' ? optionsOf(page.fields[node.field]).length : 0;
+    };
+    /** Columns or a row, as Jotform spreads options to columns; a phone stacks them again. */
+    function layout(pictures) {
+        const counts = [['1', w.oneColumn], ['2', w.twoColumns], ['3', w.threeColumns], ['4', w.fourColumns]];
+        const box = select(w.layOut, pictures ? [['', w.automatic], ...counts, ['row', w.allInARow]] : [['', w.inARow], ...counts], (value) => widget({ columns: value === '' ? null : value === 'row' ? 'row' : Number(value) }));
+        return {
+            element: word(w.layOut, box),
+            standsIn: false,
+            refresh(_page, node) {
+                const columns = option(node, 'columns');
+                box.value = columns === undefined ? '' : String(columns);
+            },
+        };
+    }
+    /** Shuffled, which options keep their place: Tally's "Lock options in place". */
+    function keepInPlace() {
+        const chips = el('div', { class: 'fd-inline-chips', role: 'group', 'aria-label': w.keptInPlace });
+        const element = el('div', { class: 'fd-inline-row fd-kind-keep' }, el('span', {}, w.keepInPlace), chips);
+        return {
+            element,
+            standsIn: false,
+            refresh(page, node) {
+                const options = optionsOf(page.fields[node.field]);
+                element.hidden = option(node, 'shuffle') !== true;
+                while (chips.children.length > options.length)
+                    chips.lastElementChild?.remove();
+                while (chips.children.length < options.length) {
+                    const index = chips.children.length;
+                    const chip = el('button', { type: 'button', class: 'fd-inline-chip', 'aria-pressed': 'false' });
+                    chip.addEventListener('click', () => designer.setOptionDetails(id, index, { fixed: chip.getAttribute('aria-pressed') !== 'true' }));
+                    chips.append(chip);
+                }
+                options.forEach((o, i) => {
+                    const chip = chips.children[i];
+                    chip.textContent = o.label;
+                    chip.setAttribute('aria-pressed', String(o.fixed === true));
+                });
+            },
+        };
+    }
+    /** A dropdown that searches: on its own above 15 options, and set either way. */
+    const searching = (page, node) => {
+        const asked = option(node, 'search');
+        return asked === true || (asked !== false && optionsOf(page.fields[node.field]).length > LONG_LIST);
+    };
+    function search() {
+        return switchPart(w.searchTheList, 
+        // Only what differs from what its length does anyway is written.
+        (on) => widget({ search: on === count() > LONG_LIST ? null : on }), searching);
+    }
+    /** Pictures: their words under them, their size, and whether the whole picture shows. */
+    function pictureLook() {
+        const labels = toggle(w.showLabels, (on) => widget({ showLabels: on ? null : false }));
+        const size = select(w.pictureSize, [['small', w.small], ['', w.medium], ['large', w.large]], (value) => widget({ imageSize: value || null }));
+        const fit = select(w.fit, [['', w.fillTheCard], ['whole', w.wholePicture]], (value) => widget({ imageFit: value || null }));
+        return {
+            element: el('div', { class: 'fd-inline-row' }, labels.element, word(w.pictureSize, size), word(w.fit, fit)),
+            standsIn: false,
+            refresh(_page, node) {
+                labels.button.setAttribute('aria-checked', String(option(node, 'showLabels') !== false));
+                size.value = String(option(node, 'imageSize') ?? '');
+                fit.value = String(option(node, 'imageFit') ?? '');
+            },
+        };
+    }
+    /** A ranking of the top few only: picked from the rest, then put in order. */
+    function top() {
+        const box = el('input', { type: 'number', class: 'fd-inline-input fd-inline-number', 'aria-label': w.rankTop, min: '1', step: '1', placeholder: w.all, inputmode: 'numeric' });
+        box.addEventListener('change', () => {
+            const n = Number(box.value);
+            widget({ top: box.value.trim() && Number.isInteger(n) && n >= 1 && n < count() ? n : null });
+        });
+        return {
+            element: word(w.rankTop, box),
+            standsIn: false,
+            refresh(_page, node) {
+                if (!focused(box))
+                    box.value = typeof option(node, 'top') === 'number' ? String(option(node, 'top')) : '';
+            },
+        };
+    }
+    /** A yes or no: two buttons with words of their own, or a switch. */
+    function yesNo() {
+        const look = select(w.showAs, [['buttons', w.buttons], ['switch', w.switch]], (value) => designer.setYesNoLook(id, value));
+        const words = (key, label, placeholder) => {
+            const box = el('input', { class: 'fd-inline-input fd-inline-words', 'aria-label': label, placeholder, autocomplete: 'off' });
+            box.addEventListener('input', () => widget({ [key]: box.value }));
+            return box;
+        };
+        const yes = words('yesLabel', w.wordsForYes, w.yes);
+        const no = words('noLabel', w.wordsForNo, w.no);
+        const said = el('div', { class: 'fd-inline-row' }, word(w.wordsForYes, yes), word(w.wordsForNo, no));
+        return {
+            element: el('div', { class: 'fd-kind-block' }, word(w.showAs, look), said),
+            standsIn: false,
+            refresh(_page, node) {
+                const buttons = node.widget === 'buttons';
+                look.value = buttons ? 'buttons' : 'switch';
+                said.hidden = !buttons;
+                if (!focused(yes))
+                    yes.value = String(option(node, 'yesLabel') ?? '');
+                if (!focused(no))
+                    no.value = String(option(node, 'noLabel') ?? '');
+            },
+        };
+    }
+    /** A dropdown drawn as a coloured badge, as Flectra's widget="badge": a colour for each option. */
+    function badge() {
+        const made = toggle(w.colouredBadge, (on) => designer.setBadge(id, on));
+        const colours = el('div', { class: 'fd-inline-row fd-badge-tones' });
+        const tones = designer.words.panel.tones;
+        let drawn = '';
+        return {
+            element: el('div', { class: 'fd-kind-block' }, made.element, colours),
+            standsIn: false,
+            refresh(page, node) {
+                const on = node.widget === 'badge';
+                made.button.setAttribute('aria-checked', String(on));
+                colours.hidden = !on;
+                if (!on)
+                    return;
+                const chosen = (node.options?.['tones'] ?? {});
+                const key = JSON.stringify([optionsOf(page.fields[node.field]), chosen]);
+                if (key === drawn)
+                    return;
+                drawn = key;
+                colours.replaceChildren(...optionsOf(page.fields[node.field]).map((o) => {
+                    const box = select(w.colourFor(o.label), [['', tones.muted], ['info', tones.info], ['success', tones.success], ['warning', tones.warning], ['danger', tones.danger]], (value) => designer.setBadgeTone(id, o.value, value ? value : null));
+                    box.value = chosen[String(o.value)] ?? '';
+                    return word(o.label, box);
+                }));
+            },
+        };
+    }
+    const parts = [];
+    if (kind === 'multiple-choice' || kind === 'checkboxes' || kind === 'image-choice')
+        parts.push(layout(kind === 'image-choice'));
+    if (kind === 'image-choice')
+        parts.push(pictureLook());
+    if (kind === 'dropdown')
+        parts.push(search());
+    if (kind === 'dropdown')
+        parts.push(badge());
+    if (kind === 'ranking')
+        parts.push(top());
+    if (kind && SHUFFLED.has(kind))
+        parts.push(keepInPlace());
+    if (kind === 'tags')
+        parts.push(switchPart(w.ownAnswers, (on) => designer.setOwnAnswers(id, on), (page, node) => page.fields[node.field].ownAnswers === true));
+    if (kind === 'matrix') {
+        const def = (page, node) => page.fields[node.field];
+        parts.push(switchPart(w.severalPerRow, (on) => designer.setSeveral(id, on), (page, node) => def(page, node).multiple === true), switchPart(w.shuffleRows, (on) => widget({ shuffle: on || null }), (_page, node) => option(node, 'shuffle') === true), switchPart(w.onePerColumn, (on) => designer.setOnePerColumn(id, on), (page, node) => def(page, node).onePerColumn === true));
+    }
+    if (kind === 'yes-no')
+        parts.push(yesNo());
+    if (kind === 'status')
+        parts.push(switchPart(w.pickAStep, (on) => widget({ clickable: on || null }), (_page, node) => option(node, 'clickable') === true));
+    return parts;
+}
+//# sourceMappingURL=kind-settings-choices.js.map

package/src/lib/kind-settings-choices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kind-settings-choices.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/kind-settings-choices.ts"],"names":[],"mappings":"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"}

package/src/lib/kind-settings-choices.mjs

@@ -0,0 +1,191 @@
+import { findNode } from './page-tree.mjs';
+/** Kinds whose options may be shuffled, so may be kept in place. */
+const SHUFFLED = new Set(['multiple-choice', 'checkboxes', 'dropdown', 'image-choice', 'ranking']);
+/** Above this many options a dropdown searches its list unless told not to, as the viewer does. */
+const LONG_LIST = 15;
+const optionsOf = (field) => (field.type === 'selection' ? field.options : []);
+export function choiceSettings(el, designer, id, kind) {
+    const w = designer.words.questions;
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const option = (node, key) => node.options?.[key];
+    const word = (text, control) => el('label', { class: 'fd-inline-setting' }, el('span', {}, text), control);
+    const select = (label, choices, onChange) => {
+        const box = el('select', { class: 'fd-inline-select', 'aria-label': label }, ...choices.map(([value, words]) => el('option', { value }, words)));
+        box.addEventListener('change', () => onChange(box.value));
+        return box;
+    };
+    const toggle = (label, onClick) => {
+        const button = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-label': label });
+        button.addEventListener('click', () => onClick(button.getAttribute('aria-checked') !== 'true'));
+        return { button, element: el('span', { class: 'fd-inline-setting fd-inline-toggle' }, button, el('span', { 'aria-hidden': 'true' }, label)) };
+    };
+    const switchPart = (label, onClick, on) => {
+        const made = toggle(label, onClick);
+        return { element: made.element, standsIn: false, refresh: (page, node) => made.button.setAttribute('aria-checked', String(on(page, node))) };
+    };
+    const widget = (patch) => designer.setWidgetOptions(id, patch);
+    /** How many options the question has now. */
+    const count = () => {
+        const page = designer.getPage();
+        const node = findNode(page, id)?.node;
+        return node?.type === 'field' ? optionsOf(page.fields[node.field]).length : 0;
+    };
+    /** Columns or a row, as Jotform spreads options to columns; a phone stacks them again. */
+    function layout(pictures) {
+        const counts = [['1', w.oneColumn], ['2', w.twoColumns], ['3', w.threeColumns], ['4', w.fourColumns]];
+        const box = select(w.layOut, pictures ? [['', w.automatic], ...counts, ['row', w.allInARow]] : [['', w.inARow], ...counts], (value) => widget({ columns: value === '' ? null : value === 'row' ? 'row' : Number(value) }));
+        return {
+            element: word(w.layOut, box),
+            standsIn: false,
+            refresh(_page, node) {
+                const columns = option(node, 'columns');
+                box.value = columns === undefined ? '' : String(columns);
+            },
+        };
+    }
+    /** Shuffled, which options keep their place: Tally's "Lock options in place". */
+    function keepInPlace() {
+        const chips = el('div', { class: 'fd-inline-chips', role: 'group', 'aria-label': w.keptInPlace });
+        const element = el('div', { class: 'fd-inline-row fd-kind-keep' }, el('span', {}, w.keepInPlace), chips);
+        return {
+            element,
+            standsIn: false,
+            refresh(page, node) {
+                const options = optionsOf(page.fields[node.field]);
+                element.hidden = option(node, 'shuffle') !== true;
+                while (chips.children.length > options.length)
+                    chips.lastElementChild?.remove();
+                while (chips.children.length < options.length) {
+                    const index = chips.children.length;
+                    const chip = el('button', { type: 'button', class: 'fd-inline-chip', 'aria-pressed': 'false' });
+                    chip.addEventListener('click', () => designer.setOptionDetails(id, index, { fixed: chip.getAttribute('aria-pressed') !== 'true' }));
+                    chips.append(chip);
+                }
+                options.forEach((o, i) => {
+                    const chip = chips.children[i];
+                    chip.textContent = o.label;
+                    chip.setAttribute('aria-pressed', String(o.fixed === true));
+                });
+            },
+        };
+    }
+    /** A dropdown that searches: on its own above 15 options, and set either way. */
+    const searching = (page, node) => {
+        const asked = option(node, 'search');
+        return asked === true || (asked !== false && optionsOf(page.fields[node.field]).length > LONG_LIST);
+    };
+    function search() {
+        return switchPart(w.searchTheList, 
+        // Only what differs from what its length does anyway is written.
+        (on) => widget({ search: on === count() > LONG_LIST ? null : on }), searching);
+    }
+    /** Pictures: their words under them, their size, and whether the whole picture shows. */
+    function pictureLook() {
+        const labels = toggle(w.showLabels, (on) => widget({ showLabels: on ? null : false }));
+        const size = select(w.pictureSize, [['small', w.small], ['', w.medium], ['large', w.large]], (value) => widget({ imageSize: value || null }));
+        const fit = select(w.fit, [['', w.fillTheCard], ['whole', w.wholePicture]], (value) => widget({ imageFit: value || null }));
+        return {
+            element: el('div', { class: 'fd-inline-row' }, labels.element, word(w.pictureSize, size), word(w.fit, fit)),
+            standsIn: false,
+            refresh(_page, node) {
+                labels.button.setAttribute('aria-checked', String(option(node, 'showLabels') !== false));
+                size.value = String(option(node, 'imageSize') ?? '');
+                fit.value = String(option(node, 'imageFit') ?? '');
+            },
+        };
+    }
+    /** A ranking of the top few only: picked from the rest, then put in order. */
+    function top() {
+        const box = el('input', { type: 'number', class: 'fd-inline-input fd-inline-number', 'aria-label': w.rankTop, min: '1', step: '1', placeholder: w.all, inputmode: 'numeric' });
+        box.addEventListener('change', () => {
+            const n = Number(box.value);
+            widget({ top: box.value.trim() && Number.isInteger(n) && n >= 1 && n < count() ? n : null });
+        });
+        return {
+            element: word(w.rankTop, box),
+            standsIn: false,
+            refresh(_page, node) {
+                if (!focused(box))
+                    box.value = typeof option(node, 'top') === 'number' ? String(option(node, 'top')) : '';
+            },
+        };
+    }
+    /** A yes or no: two buttons with words of their own, or a switch. */
+    function yesNo() {
+        const look = select(w.showAs, [['buttons', w.buttons], ['switch', w.switch]], (value) => designer.setYesNoLook(id, value));
+        const words = (key, label, placeholder) => {
+            const box = el('input', { class: 'fd-inline-input fd-inline-words', 'aria-label': label, placeholder, autocomplete: 'off' });
+            box.addEventListener('input', () => widget({ [key]: box.value }));
+            return box;
+        };
+        const yes = words('yesLabel', w.wordsForYes, w.yes);
+        const no = words('noLabel', w.wordsForNo, w.no);
+        const said = el('div', { class: 'fd-inline-row' }, word(w.wordsForYes, yes), word(w.wordsForNo, no));
+        return {
+            element: el('div', { class: 'fd-kind-block' }, word(w.showAs, look), said),
+            standsIn: false,
+            refresh(_page, node) {
+                const buttons = node.widget === 'buttons';
+                look.value = buttons ? 'buttons' : 'switch';
+                said.hidden = !buttons;
+                if (!focused(yes))
+                    yes.value = String(option(node, 'yesLabel') ?? '');
+                if (!focused(no))
+                    no.value = String(option(node, 'noLabel') ?? '');
+            },
+        };
+    }
+    /** A dropdown drawn as a coloured badge, as Flectra's widget="badge": a colour for each option. */
+    function badge() {
+        const made = toggle(w.colouredBadge, (on) => designer.setBadge(id, on));
+        const colours = el('div', { class: 'fd-inline-row fd-badge-tones' });
+        const tones = designer.words.panel.tones;
+        let drawn = '';
+        return {
+            element: el('div', { class: 'fd-kind-block' }, made.element, colours),
+            standsIn: false,
+            refresh(page, node) {
+                const on = node.widget === 'badge';
+                made.button.setAttribute('aria-checked', String(on));
+                colours.hidden = !on;
+                if (!on)
+                    return;
+                const chosen = (node.options?.['tones'] ?? {});
+                const key = JSON.stringify([optionsOf(page.fields[node.field]), chosen]);
+                if (key === drawn)
+                    return;
+                drawn = key;
+                colours.replaceChildren(...optionsOf(page.fields[node.field]).map((o) => {
+                    const box = select(w.colourFor(o.label), [['', tones.muted], ['info', tones.info], ['success', tones.success], ['warning', tones.warning], ['danger', tones.danger]], (value) => designer.setBadgeTone(id, o.value, value ? value : null));
+                    box.value = chosen[String(o.value)] ?? '';
+                    return word(o.label, box);
+                }));
+            },
+        };
+    }
+    const parts = [];
+    if (kind === 'multiple-choice' || kind === 'checkboxes' || kind === 'image-choice')
+        parts.push(layout(kind === 'image-choice'));
+    if (kind === 'image-choice')
+        parts.push(pictureLook());
+    if (kind === 'dropdown')
+        parts.push(search());
+    if (kind === 'dropdown')
+        parts.push(badge());
+    if (kind === 'ranking')
+        parts.push(top());
+    if (kind && SHUFFLED.has(kind))
+        parts.push(keepInPlace());
+    if (kind === 'tags')
+        parts.push(switchPart(w.ownAnswers, (on) => designer.setOwnAnswers(id, on), (page, node) => page.fields[node.field].ownAnswers === true));
+    if (kind === 'matrix') {
+        const def = (page, node) => page.fields[node.field];
+        parts.push(switchPart(w.severalPerRow, (on) => designer.setSeveral(id, on), (page, node) => def(page, node).multiple === true), switchPart(w.shuffleRows, (on) => widget({ shuffle: on || null }), (_page, node) => option(node, 'shuffle') === true), switchPart(w.onePerColumn, (on) => designer.setOnePerColumn(id, on), (page, node) => def(page, node).onePerColumn === true));
+    }
+    if (kind === 'yes-no')
+        parts.push(yesNo());
+    if (kind === 'status')
+        parts.push(switchPart(w.pickAStep, (on) => widget({ clickable: on || null }), (_page, node) => option(node, 'clickable') === true));
+    return parts;
+}
+//# sourceMappingURL=kind-settings-choices.mjs.map

package/src/lib/kind-settings-choices.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kind-settings-choices.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/kind-settings-choices.ts"],"names":[],"mappings":"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"}

package/src/lib/kind-settings-inputs.d.mts

@@ -0,0 +1,20 @@
+import type { FieldNode, Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * The text, number and date kinds' settings, in the picked field itself
+ * beside the rest of its kind's, and in the side panel the same way: the
+ * most characters a box takes, a paragraph's rows and whether it grows; a
+ * number's or an amount's range and decimals, and a number's unit; a
+ * rating's look and the words at a rating's or a slider's ends; a linear
+ * scale made NPS, and coloured as NPS; a date's earliest and latest day,
+ * fixed or counted from today, its weekends and its start; a date and
+ * time's and a time's step of minutes, and a time's earliest and latest;
+ * keywords' suggestions, separator and most; a progress bar's most, colour
+ * and percent.
+ */
+export interface InputSettings {
+    elements: HTMLElement[];
+    refresh(page: Page, node: FieldNode): void;
+}
+export declare function inputSettings(el: ElementFactory, designer: Designer, id: string, kind: string | null): InputSettings | null;

package/src/lib/kind-settings-inputs.d.ts

@@ -0,0 +1,20 @@
+import type { FieldNode, Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * The text, number and date kinds' settings, in the picked field itself
+ * beside the rest of its kind's, and in the side panel the same way: the
+ * most characters a box takes, a paragraph's rows and whether it grows; a
+ * number's or an amount's range and decimals, and a number's unit; a
+ * rating's look and the words at a rating's or a slider's ends; a linear
+ * scale made NPS, and coloured as NPS; a date's earliest and latest day,
+ * fixed or counted from today, its weekends and its start; a date and
+ * time's and a time's step of minutes, and a time's earliest and latest;
+ * keywords' suggestions, separator and most; a progress bar's most, colour
+ * and percent.
+ */
+export interface InputSettings {
+    elements: HTMLElement[];
+    refresh(page: Page, node: FieldNode): void;
+}
+export declare function inputSettings(el: ElementFactory, designer: Designer, id: string, kind: string | null): InputSettings | null;