@dialob/composer-material 0.0.11 → 0.0.13

package/README.md

@@ -102,3 +102,11 @@ pnpm run preview
 Starts preview server for built application from `/dist` (No hot-reload!). Run `pnpm build` first to build the package
 
 ---
+
+### Customixing Markdown components
+
+You can customize how markdown is rendered by passing custom components to the `Markdown` component from `react-markdown`. 
+  
+List of available components can be found in [`src/defaults/markdown.tsx`](https://github.com/dialob/dialob-parent/blob/dev/frontend/dialob-composer-material/src/defaults/markdown.tsx). See also [`src/components/editors/LocalizedStringEditor.tsx`](https://github.com/dialob/dialob-parent/blob/dev/frontend/dialob-composer-material/src/components/editors/LocalizedStringEditor.tsx) for an example of how to use custom components. To support table rendering, you also need to include the `remark-gfm` plugin.
+  
+The same components can be used on the filling side as well, so that the markdown looks the same when editing and when filling the form.

package/dist-lib/index.d.ts

@@ -141,22 +141,7 @@ declare type ComposerState = {
     };
     variables?: (Variable | ContextVariable)[];
     valueSets?: ValueSet[];
-    metadata: {
-        label?: string;
-        labels?: string[];
-        showDisabled?: boolean;
-        questionClientVisibility?: VisibilityType;
-        answersRequiredByDefault?: boolean;
-        creator?: string;
-        tenantId?: string;
-        savedBy?: string;
-        languages?: string[];
-        valid?: boolean;
-        created?: string;
-        lastSaved?: string;
-        composer?: ComposerMetadata;
-        [prop: string]: any;
-    };
+    metadata: FormMetadata;
 };
 
 declare type ComposerStatus = 'ERROR' | 'WARNING' | 'INFO' | 'FATAL' | 'OK';
@@ -316,6 +301,7 @@ declare namespace DialobTypes {
         ComposerTag,
         ComposerMetadata,
         ComposerState,
+        FormMetadata,
         INIT_STATE,
         ComposerCallbacks
     }
@@ -369,6 +355,23 @@ declare interface FlattenedItem extends TreeItem {
     index: number;
 }
 
+declare type FormMetadata = {
+    label?: string;
+    labels?: string[];
+    showDisabled?: boolean;
+    questionClientVisibility?: VisibilityType;
+    answersRequiredByDefault?: boolean;
+    creator?: string;
+    tenantId?: string;
+    savedBy?: string;
+    languages?: string[];
+    valid?: boolean;
+    created?: string;
+    lastSaved?: string;
+    composer?: ComposerMetadata;
+    [prop: string]: any;
+};
+
 export declare const FormOptionsDialog: default_2.FC<{
     open: boolean;
     onClose: () => void;
@@ -551,6 +554,7 @@ declare interface SavingState {
     valueSets?: ValueSet[];
     composerMetadata?: ComposerMetadata;
     variables?: (ContextVariable | Variable)[];
+    formMetadata?: FormMetadata;
 }
 
 export declare const SimpleField: default_2.FC<{
@@ -632,6 +636,7 @@ export declare const useComposer: () => {
     applyItemChanges: (newState: SavingState) => void;
     applyListChanges: (newState: SavingState) => void;
     applyVariableChanges: (newState: SavingState) => void;
+    applyFormChanges: (newState: SavingState) => void;
     form: ComposerState;
 };
 
@@ -648,6 +653,8 @@ export declare const useEditor: () => {
     setActiveList: (listId?: string) => void;
     setActiveVariableTab: (tab?: VariableTabType) => void;
     setConfirmationActiveItem: (item?: DialobItem) => void;
+    toggleItemCollapsed: (itemId: string) => void;
+    setMarkdownHelpDialogOpen: (open: boolean) => void;
 };
 
 declare const useErrorColor: (error: EditorError | undefined) => string | undefined;