ngx-t-forms-types 0.0.12 → 0.0.13

package/dist/interfaces/FormBuilder/DefaultEelement.js

@@ -1,4 +1,5 @@
 import { AutocapitalizeOptions, ElementTypes, InputDataTypes, InputTypes } from "../formInput";
+import { OptionSelectTypes } from "../formInput/BasicFormInputInterface";
 import { InputFileType } from "../formInput/FileUploadInputInterface";
 import { MSCOA_INPUT_DEFAULT_MAT_OPTIONS } from "../formInput/MscoaInput";
 import { RichTextEditorType } from "../formInput/RichTextEditorInput";
@@ -154,6 +155,7 @@ export const DefaultInputConfig = {
             AllFormInputPrimaryKeys.DataType,
             AllFormInputPrimaryKeys.FormControlName,
             AllFormInputPrimaryKeys.MatOptions,
+            AllFormInputPrimaryKeys.OptionSelectType
         ],
         properties: [
             AllFormInputPrimaryKeys.Label,
@@ -170,7 +172,9 @@ export const DefaultInputConfig = {
             FormInputKeys.PrefixText,
             FormInputKeys.SuffixText,
             AllFormInputPrimaryKeys.DataType,
-            SpecialElementKeys.MatOptionsApiCall
+            SpecialElementKeys.MatOptionsApiCall,
+            AllFormInputPrimaryKeys.OptionSelectType,
+            AllFormInputPrimaryKeys.AllowMultipleSelection
         ],
         elementTemplate: {
             element: ElementTypes.Select,
@@ -181,6 +185,8 @@ export const DefaultInputConfig = {
             appearance: 'outline',
             isCalculatedField: false,
             dataType: InputDataTypes.String,
+            optionSelectType: OptionSelectTypes.DropDown, // Default to dropdown,
+            allowMultipleSelection: false,
         },
     },
     [ElementTypes.IconSelect]: {

package/dist/interfaces/FormBuilder/DefaultInputConfigInterface.d.ts

@@ -1,5 +1,6 @@
 import { ElementTypes, IToggleInput, ITextareaProperties, IDateRangePickerInput, IFileUploadInput, IMultiple, IWorkflowAdjudicationInput } from "../formInput";
 import { IFormElementTemplate } from "../formInput/BasicFormInputInterface";
+import { ISelectInputInterface } from "../formInput/ISelectInputInterface";
 import { IMscoaFormInput } from "../formInput/MscoaInput";
 import { IRichTextEditor } from "../formInput/RichTextEditorInput";
 import { IWorkflowDocumentPicker } from "../formInput/WorkflowDocumentPicker";
@@ -42,7 +43,7 @@ export interface DefaultInputConfigInterface {
         disabled: boolean;
         illustration: string;
         properties: Array<FormInputKeys | SpecialElementKeys | AllFormInputPrimaryKeys>;
-        elementTemplate: IFormElementTemplate;
+        elementTemplate: ISelectInputInterface;
         requiredProperties: Array<FormInputKeys | AllFormInputPrimaryKeys>;
     };
     [ElementTypes.IconSelect]: {

package/dist/interfaces/FormBuilder/FormInputKeys.d.ts

@@ -92,5 +92,7 @@ export declare enum AllFormInputPrimaryKeys {
     AdjudicationPointTypes = "adjudicationPointTypes",
     AdjudicationReviewFeedbackTemplate = "adjudicationReviewFeedbackTemplate",
     TrueLabel = "trueLabel",
-    FalseLabel = "falseLabel"
+    FalseLabel = "falseLabel",
+    OptionSelectType = "optionSelectType",
+    AllowMultipleSelection = "allowMultipleSelection"
 }

package/dist/interfaces/FormBuilder/FormInputKeys.js

@@ -97,4 +97,6 @@ export var AllFormInputPrimaryKeys;
     AllFormInputPrimaryKeys["AdjudicationReviewFeedbackTemplate"] = "adjudicationReviewFeedbackTemplate";
     AllFormInputPrimaryKeys["TrueLabel"] = "trueLabel";
     AllFormInputPrimaryKeys["FalseLabel"] = "falseLabel";
+    AllFormInputPrimaryKeys["OptionSelectType"] = "optionSelectType";
+    AllFormInputPrimaryKeys["AllowMultipleSelection"] = "allowMultipleSelection";
 })(AllFormInputPrimaryKeys || (AllFormInputPrimaryKeys = {}));

package/dist/interfaces/FormBuilder/inputConfig/ElementEditConfig.js

@@ -2,6 +2,7 @@ import { CurrenciesList } from "../../../Configs/currencies";
 import { DatePipeOptions } from "../../../Configs/datePipes";
 import { AdjudicationSteps, ElementTypes, InputDataTypes, InputPipeTypes, InputTypes } from "../../formInput";
 import { DataSources } from "../../formInput/APIDataFetchingConfigurationInterface";
+import { OptionSelectTypes } from "../../formInput/BasicFormInputInterface";
 import { InputFileType } from "../../formInput/FileUploadInputInterface";
 import { RichTextEditorType } from "../../formInput/RichTextEditorInput";
 import { LabelPosition } from "../../formInput/ToggleInputInterface";
@@ -85,6 +86,23 @@ export var ElementConfig = {
                     hint: 'The type of input determines the type of data that can be entered into the input',
                     options: Object.values(InputTypes).map((type) => ({ label: type, value: type })),
                 },
+                {
+                    name: AllFormInputPrimaryKeys.OptionSelectType,
+                    editType: ElementEditorTypes.ChipSelect,
+                    deepBind: [AllFormInputPrimaryKeys.OptionSelectType],
+                    options: Object.values(OptionSelectTypes).map((type) => ({ label: type, value: type })),
+                    id: "4c781244-dcbe-4f21-b01b-a5e813c62f2e",
+                    label: 'Options select input type',
+                    hint: `It can either be a dropdown, radio buttons, or chip select.For long options list a dropdown is recommended, while for short lists radio buttons or chips can be used.`,
+                },
+                {
+                    name: AllFormInputPrimaryKeys.AllowMultipleSelection,
+                    editType: ElementEditorTypes.Toggle,
+                    deepBind: [AllFormInputPrimaryKeys.AllowMultipleSelection],
+                    id: "19466cd6-9716-4d66-9213-a458528f76f6",
+                    label: 'Allow multiple selection',
+                    hint: `When enabled, users can select multiple options from the list. This is useful for inputs like tags or categories.`,
+                },
                 {
                     name: AllFormInputPrimaryKeys.FileType,
                     editType: ElementEditorTypes.OptionSelect,
@@ -436,7 +454,7 @@ export var ElementConfig = {
             id: "d4d792af-c983-4587-a94f-781d7b963b4d",
             elements: [
                 {
-                    name: AllFormInputPrimaryKeys.MatOptions,
+                    name: SpecialElementKeys.Default,
                     deepBind: ['matOptions', 'fetch', 'value', 'source'],
                     hint: `Choose where input values come from: 'Form Input' links to another field, 'Postman API' fetches from an external API, 'Data Pipeline' pulls from MongoDB.`,
                     editType: ElementEditorTypes.ChipSelect,

package/dist/interfaces/formInput/BasicFormInputInterface.d.ts

@@ -8,7 +8,8 @@ import { ITextareaProperties } from "./TextAreaInput";
 import { CalculatedFieldRules } from "./calculatedFieldRules";
 import { IRichTextEditor } from "./RichTextEditorInput";
 import { IWorkflowDocumentPicker } from "./WorkflowDocumentPicker";
-export type FormColumnInputs = IBasicFormInput & IWorkflowDocumentPicker & IFileUploadInput & IDateRangePickerInput & ITextareaProperties & IToggleInput & IMatrixInput & IMultiple & IScoaInput & IRichTextEditor & IWorkflowAdjudicationInput;
+import { ISelectInputInterface } from "./ISelectInputInterface";
+export type FormColumnInputs = IBasicFormInput & ISelectInputInterface & IWorkflowDocumentPicker & IFileUploadInput & IDateRangePickerInput & ITextareaProperties & IToggleInput & IMatrixInput & IMultiple & IScoaInput & IRichTextEditor & IWorkflowAdjudicationInput;
 export declare enum ElementTypes {
     Input = "input",
     Location = "location",
@@ -102,6 +103,11 @@ export declare enum maxMinCustomScripts {
     IServeBudgetPeriods = "IServePeriods",
     IServeDateLimiter = "IServeDateLimitter"
 }
+export declare enum OptionSelectTypes {
+    DropDown = "dropDown",
+    ChipSelect = "chipSelect",
+    RadioButton = "radioButton"
+}
 export interface IBasicFormInput extends IFormElementTemplate {
     label: string;
     readonly formControlName: string;

package/dist/interfaces/formInput/BasicFormInputInterface.js

@@ -98,3 +98,9 @@ export var maxMinCustomScripts;
     maxMinCustomScripts["IServeBudgetPeriods"] = "IServePeriods";
     maxMinCustomScripts["IServeDateLimiter"] = "IServeDateLimitter";
 })(maxMinCustomScripts || (maxMinCustomScripts = {}));
+export var OptionSelectTypes;
+(function (OptionSelectTypes) {
+    OptionSelectTypes["DropDown"] = "dropDown";
+    OptionSelectTypes["ChipSelect"] = "chipSelect";
+    OptionSelectTypes["RadioButton"] = "radioButton";
+})(OptionSelectTypes || (OptionSelectTypes = {}));

package/dist/interfaces/formInput/ISelectInputInterface.d.ts

@@ -0,0 +1,6 @@
+import { AllFormInputPrimaryKeys } from "../FormBuilder/FormInputKeys";
+import { IBasicFormInput, OptionSelectTypes } from "./BasicFormInputInterface";
+export interface ISelectInputInterface extends IBasicFormInput {
+    [AllFormInputPrimaryKeys.OptionSelectType]: OptionSelectTypes;
+    [AllFormInputPrimaryKeys.AllowMultipleSelection]: boolean;
+}

package/dist/interfaces/formInput/ISelectInputInterface.js

@@ -0,0 +1 @@
+import { AllFormInputPrimaryKeys } from "../FormBuilder/FormInputKeys";

package/dist/interfaces/formInput/index.d.ts

@@ -2,12 +2,13 @@ import { IFolderItem, IPostmanCollection } from "../FormBuilder/postmanCollectio
 import { IWorkflowDocListCols } from "../FormBuilder/workflowSelectionConfig";
 import { TreeNode } from "../FormSlide/accessTree";
 import { APIDataFetchingConfigurationInterface, InputAPIDataId, MongoDbPipeLineConfigInterface } from "./APIDataFetchingConfigurationInterface";
-import { AutocapitalizeOptions, AutocompleteOptions, ElementTypes, IBasicFormInput, InputDataTypes, InputPipeTypes, InputTypes } from "./BasicFormInputInterface";
+import { AutocapitalizeOptions, AutocompleteOptions, ElementTypes, IBasicFormInput, InputDataTypes, InputPipeTypes, InputTypes, OptionSelectTypes } from "./BasicFormInputInterface";
 import { IDateRangePickerInput } from "./DateRangePickerInput";
 import { AllDocumentFileExtensions, AllImageFileExtensions, FileUploadInputValueInterface, IFileUploadInput, InputFileType, UploadTypes } from "./FileUploadInputInterface";
 import { FormControlCustomValidatorsInterface } from "./FormControlCustomValidatorsInterface";
 import { FormInputBasicOptionInterface } from "./FormInputBasicOptionInterface";
 import { IAccountSegmentTreeKeys, IGetTreeResponse, IIncludedSegmentConfig, IScoaAccount, IScoaInput, IScoaInputConfig, ITableScoaSelectionRow, ScoaAccountTree, ScoaInterface, ScoaSegmentValue } from "./IMscoaAccount";
+import { ISelectInputInterface } from "./ISelectInputInterface";
 import { MatDataOptionsInterface } from "./MatDataOptionsInterface";
 import { IMatrixInput } from "./MatrixInputInterface";
 import { MinInputMapInput, MinInputTypes, MinimumInputRequiredInterface } from "./MinimumInputRequiredInterface";
@@ -22,4 +23,4 @@ import { CalculatedFieldRules } from "./calculatedFieldRules";
 import { CalculationFunctions, calculationVariableInterface } from "./calculationVariableInterface";
 import { ValidationError, ValidationOptions } from "./schema";
 import { IUserSignature } from "./userSignature";
-export { ElementTypes, InputTypes, InputPipeTypes, AutocapitalizeOptions, AutocompleteOptions, InputDataTypes, MinInputTypes, IBasicFormInput, IFileUploadInput, IDateRangePickerInput, ITextareaProperties, IToggleInput, IMatrixInput, IMultiple, IMultipleInputCal, IScoaInput, TableConfigurationsInterface, TableColumnConfigInterface, FormControlCustomValidatorsInterface, MinimumInputRequiredInterface, MinInputMapInput, CalculatedFieldRules, calculationVariableInterface, APIDataFetchingConfigurationInterface, IGetTreeResponse, CalculationFunctions, TreeNode, IPostmanCollection, IFolderItem, FileUploadInputValueInterface, AllDocumentFileExtensions, AllImageFileExtensions, UploadTypes, InputFileType, IScoaAccount, IScoaInputConfig, ITableScoaSelectionRow, ScoaSegmentValue, IIncludedSegmentConfig, ScoaAccountTree, IUserSignature, ValidationOptions, ValidationError, MatDataOptionsInterface, MongoDbPipeLineConfigInterface, InputAPIDataId, FormInputBasicOptionInterface, ScoaInterface, ScoaInnerInput, IAccountSegmentTreeKeys, IWorkflowDocumentPicker, IWorkflowDocumentPickerConfig, workflowStepStatus, IWorkflowDocListCols, AdjudicationSteps, IWorkflowAdjudicationInput, WorkflowAdjudicationScoreSheetValue, WorkflowAdjudicationMicroFlowReviewValue, WorkflowAdjudicationResponseElectedSupplierSelectionValue, ScoreSheetItem, AdjResponseReviewColumnMapping };
+export { ElementTypes, InputTypes, InputPipeTypes, AutocapitalizeOptions, AutocompleteOptions, InputDataTypes, MinInputTypes, IBasicFormInput, IFileUploadInput, IDateRangePickerInput, ITextareaProperties, IToggleInput, IMatrixInput, IMultiple, IMultipleInputCal, IScoaInput, TableConfigurationsInterface, TableColumnConfigInterface, FormControlCustomValidatorsInterface, MinimumInputRequiredInterface, MinInputMapInput, CalculatedFieldRules, calculationVariableInterface, APIDataFetchingConfigurationInterface, IGetTreeResponse, CalculationFunctions, TreeNode, IPostmanCollection, IFolderItem, FileUploadInputValueInterface, AllDocumentFileExtensions, AllImageFileExtensions, UploadTypes, InputFileType, IScoaAccount, IScoaInputConfig, ITableScoaSelectionRow, ScoaSegmentValue, IIncludedSegmentConfig, ScoaAccountTree, IUserSignature, ValidationOptions, ValidationError, MatDataOptionsInterface, MongoDbPipeLineConfigInterface, InputAPIDataId, FormInputBasicOptionInterface, ScoaInterface, ScoaInnerInput, IAccountSegmentTreeKeys, IWorkflowDocumentPicker, IWorkflowDocumentPickerConfig, workflowStepStatus, IWorkflowDocListCols, AdjudicationSteps, IWorkflowAdjudicationInput, WorkflowAdjudicationScoreSheetValue, WorkflowAdjudicationMicroFlowReviewValue, WorkflowAdjudicationResponseElectedSupplierSelectionValue, ScoreSheetItem, AdjResponseReviewColumnMapping, OptionSelectTypes, ISelectInputInterface };

package/dist/interfaces/formInput/index.js

@@ -1,4 +1,4 @@
-import { AutocapitalizeOptions, AutocompleteOptions, ElementTypes, InputDataTypes, InputPipeTypes, InputTypes } from "./BasicFormInputInterface";
+import { AutocapitalizeOptions, AutocompleteOptions, ElementTypes, InputDataTypes, InputPipeTypes, InputTypes, OptionSelectTypes } from "./BasicFormInputInterface";
 import { AllDocumentFileExtensions, AllImageFileExtensions, InputFileType, UploadTypes } from "./FileUploadInputInterface";
 import { MinInputTypes } from "./MinimumInputRequiredInterface";
 import { AdjudicationSteps } from "./WorkflowAdjudication";
@@ -6,4 +6,4 @@ import { workflowStepStatus } from "./WorkflowDocumentPicker";
 import { CalculationFunctions } from "./calculationVariableInterface";
 export { 
 ///ENUMS
-ElementTypes, InputTypes, InputPipeTypes, AutocapitalizeOptions, AutocompleteOptions, InputDataTypes, MinInputTypes, CalculationFunctions, AllDocumentFileExtensions, AllImageFileExtensions, UploadTypes, InputFileType, workflowStepStatus, AdjudicationSteps };
+ElementTypes, InputTypes, InputPipeTypes, AutocapitalizeOptions, AutocompleteOptions, InputDataTypes, MinInputTypes, CalculationFunctions, AllDocumentFileExtensions, AllImageFileExtensions, UploadTypes, InputFileType, workflowStepStatus, AdjudicationSteps, OptionSelectTypes };

package/dist/schemas/FormInputSchema.js

@@ -14,7 +14,7 @@ import { MscoaInputConfigSchema } from './MscoaConfigSchema';
 import { MatDataOptionsSchema } from './MatOptionsSchema';
 import { CalculationFunctions } from '../interfaces/formInput/calculationVariableInterface';
 import { RichTextEditorType } from '../interfaces/formInput/RichTextEditorInput';
-import { InputViewTypes } from '../interfaces/formInput/BasicFormInputInterface';
+import { InputViewTypes, OptionSelectTypes } from '../interfaces/formInput/BasicFormInputInterface';
 import { workflowDocumentPickerConfigSchema } from './DocmentPickerInputSchema';
 export const baseFormColumnInputsSchema = Joi.object({
     [AllFormInputPrimaryKeys.Id]: Joi.string().optional(),
@@ -33,6 +33,8 @@ export const baseFormColumnInputsSchema = Joi.object({
     [AllFormInputPrimaryKeys.LabelPosition]: Joi.string().valid(...Object.values(LabelPosition)).optional(),
     [AllFormInputPrimaryKeys.FalseLabel]: Joi.string().optional(),
     [AllFormInputPrimaryKeys.TrueLabel]: Joi.string().optional(),
+    [AllFormInputPrimaryKeys.OptionSelectType]: Joi.string().valid(...Object.values(OptionSelectTypes)).optional(),
+    [AllFormInputPrimaryKeys.AllowMultipleSelection]: Joi.boolean().optional(),
     [AllFormInputPrimaryKeys.Min]: Joi.alternatives().try(Joi.number(), Joi.string(), Joi.date()).optional(),
     [AllFormInputPrimaryKeys.Max]: Joi.alternatives().try(Joi.number(), Joi.string(), Joi.date()).optional(),
     [AllFormInputPrimaryKeys.MinLength]: Joi.alternatives().try(Joi.number(), Joi.string()).optional(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-t-forms-types",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Typings and interfaces for the ngx-t-forms library for dynamic forms.",
   "keywords": [
     "typings",