freemium-survey-components 2.0.12 → 2.0.13

package/lib/types/components/form-field/index.d.ts

@@ -4,7 +4,7 @@ import './style.scss';
 type FormFieldProps = {
     question: SurveyQuestionType;
     autoFocusDelay: number;
-    onChangeHandler: (answer: QuestionAnswerType) => void;
+    onChangeHandler: (answer: QuestionAnswerType, commitValue?: boolean) => void;
     isRequired?: boolean;
     translationVariables: TranslationVariablesType;
     surveyStyle?: SurveyProps['surveyStyle'];

package/lib/types/components/number/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { AnswersType, SurveyLayoutType, SurveyQuestionType } from '../../types';
+import { AnswersType, QuestionAnswerType, SurveyLayoutType, SurveyQuestionType } from '../../types';
 type NumberProps = {
     question: SurveyQuestionType;
     autoFocusDelay: number;
     setFocus?: boolean;
-    onChangeHandler: (newValue: string) => void;
+    onChangeHandler: (answer: QuestionAnswerType, commitValue?: boolean) => void;
     formValues: AnswersType['formValues'];
     surveyLayout: SurveyLayoutType;
 };

package/lib/types/components/phone-number-input/index.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { InputProps } from '../text-input/types';
 import '../text-input/style.scss';
 import './style.scss';
-import { SurveyLayoutType } from '../../types';
+import { QuestionAnswerType, SurveyLayoutType } from '../../types';
 type PhoneNumberInputProps = InputProps & {
-    onChangeHandler?: (newValue: string) => void;
+    onChangeHandler: (answer: QuestionAnswerType, commitValue?: boolean) => void;
     surveyLayout: SurveyLayoutType;
 };
 declare const PhoneNumberInput: React.ForwardRefExoticComponent<Omit<PhoneNumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/lib/types/components/textbox/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { AnswersType, SurveyLayoutType, SurveyQuestionType, ValidatingQuestions } from '../../types';
+import { AnswersType, QuestionAnswerType, SurveyLayoutType, SurveyQuestionType, ValidatingQuestions } from '../../types';
 type TextboxProps = {
     question: SurveyQuestionType;
     autoFocusDelay: number;
-    onChangeHandler: (newValue: string) => void;
+    onChangeHandler: (answer: QuestionAnswerType, commitValue?: boolean) => void;
     formValues: AnswersType['formValues'];
     textboxErrors: ValidatingQuestions['textboxQuestionErrors'];
     setFocus?: boolean;

package/lib/types/stories/BooleanStory.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PropertiesLabelsPreferenceType, ScalePropertiesOrderType } from '../types';
+import { QuestionStoryProps } from './QuestionStory';
+interface BooleanStoryProps extends Omit<QuestionStoryProps, 'question'> {
+    positiveLabel: string;
+    negativeLabel: string;
+    preference: PropertiesLabelsPreferenceType;
+    order: ScalePropertiesOrderType;
+    typeVariant: 'EMOJI' | 'THUMBS' | 'TICK' | 'TEXT';
+}
+declare const BooleanStory: (props: BooleanStoryProps) => React.JSX.Element;
+export default BooleanStory;

package/lib/types/stories/SliderStory.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { QuestionStoryProps } from './QuestionStory';
+interface SliderStoryProps extends Omit<QuestionStoryProps, 'question'> {
+    min: number;
+    max: number;
+    openingPosition: number;
+    decimalPoints: '1' | '2';
+    gridLines: 1 | 2 | 3 | 4 | 5;
+    stopOnlyAtGridLines: boolean;
+    numericalInputBox: boolean;
+    allowDecimal: boolean;
+}
+declare const SliderStory: (props: SliderStoryProps) => React.JSX.Element;
+export default SliderStory;

package/lib/types/survey/question.d.ts

@@ -8,7 +8,7 @@ declare const Question: ({ surveyLanguage, language, question, formValues, other
     surveyStyle: SurveyProps['surveyStyle'];
     formValues: AnswersType['formValues'];
     othersMeta: AnswersType['others'];
-    onChangeHandler: (answer: QuestionAnswerType) => void;
+    onChangeHandler: (answer: QuestionAnswerType, commitValue?: boolean) => void;
     autoFocusDelay: number;
     activeIndexOfRenderedStatement?: number | undefined;
     setFocus?: boolean | undefined;

package/lib/types/survey/utils/logics.d.ts

@@ -65,7 +65,7 @@ export declare const canCommitDirtyValue: ({ question, answers, isLastRenderedBl
     answers: AnswersType;
     isLastRenderedBlock?: boolean | undefined;
 }) => boolean | undefined;
-export declare const canMoveToNextBlock: ({ blocks, activeIndexOfBlocks, renderedBlocks, activeIndexOfRenderedBlocks, answers, questions, surveyLayout, }: {
+export declare const canMoveToNextBlock: ({ blocks, activeIndexOfBlocks, renderedBlocks, activeIndexOfRenderedBlocks, answers, questions, surveyLayout, pages, activePage, }: {
     blocks: SurveyBlockWithQuestionNamesType[];
     activeIndexOfBlocks: number;
     renderedBlocks: BlockWithQuestionType[];
@@ -73,6 +73,8 @@ export declare const canMoveToNextBlock: ({ blocks, activeIndexOfBlocks, rendere
     answers: AnswersType;
     questions: SurveyQuestionType[];
     surveyLayout: SurveyLayoutType;
+    pages?: SurveyPageType[] | undefined;
+    activePage?: SurveyPageType | undefined;
 }) => boolean | undefined;
 export type CanDisplayDisableButtonProps = {
     answers: AnswersType;
@@ -108,6 +110,7 @@ export declare const getAnswersTillActiveBlock: ({ renderedBlocks, activeIndexOf
         [key: string]: string;
     };
     commitDirtyValue?: boolean | undefined;
+    moveToNextPage?: boolean | undefined;
 };
 export declare const getRenderedBlocksTillActiveBlock: ({ renderedBlocks, activeIndexOfRenderedBlocks, }: {
     renderedBlocks: BlockWithQuestionType[];

package/lib/types/survey/utils/use-standard-survey.d.ts

@@ -4,13 +4,11 @@ export declare const useStandardSurvey: (props: AugmentedSurveyProps) => {
     setErrors: React.Dispatch<React.SetStateAction<ValidatingQuestions>>;
     saveFormValues: (block: BlockWithQuestionType, value: QuestionAnswerType, commitDirtyValue?: boolean, blockIndex?: number) => void;
     saveOthersValue: (questionName: string, inputValue: string | null, blockIndex?: number) => void;
-    skipBlock: () => void;
-    skipStatement: () => void;
     clearRadioSelection: (blockIndex: number) => void;
     onSubmitHandler: (status?: AnswerStatus) => void;
     navigateToStart: () => void;
     resetSurvey: () => void;
-    skipToNextPage: (nullifyValues?: boolean) => void;
+    moveToNextPage: (nullifyValues?: boolean) => void;
     formQuestionErrors: Record<string, Record<string, string>>;
     textboxQuestionErrors: Record<string, string>;
     fileUploadErrors: Record<string, string>;
@@ -31,6 +29,7 @@ export declare const useStandardSurvey: (props: AugmentedSurveyProps) => {
     navigateToPreviousStatement: () => void;
     isInitialTransition: boolean;
     isSurveyCompleted: boolean;
+    setIsSurveyCompleted: React.Dispatch<React.SetStateAction<boolean>>;
     pivot: {
         question: import("../../types").SurveyQuestionType;
         answer?: number | boolean | undefined;

package/lib/types/types.d.ts

@@ -609,6 +609,7 @@ export type AnswersType = {
         [key: string]: string;
     };
     commitDirtyValue?: boolean;
+    moveToNextPage?: boolean;
 };
 type QuestionFooterProps = {
     isWidget: boolean;
@@ -620,8 +621,6 @@ type QuestionFooterProps = {
     activeIndexOfRenderedBlocks: number;
     activeIndexOfBlocks: number;
     saveFormValues: (block: BlockWithQuestionType, value: QuestionAnswerType, commitDirtyValue?: boolean, blockIndex?: number, skipPage?: boolean) => void;
-    skipStatement: () => void;
-    skipBlock: () => void;
     isInitialTransition?: boolean;
     onSubmitHandler: (status: AnswerStatus) => void;
     initialPivotAnswer?: number;
@@ -637,6 +636,8 @@ export type CardQuestionFooterProps = QuestionFooterProps & {
     widgetStyle?: WidgetStyles;
     navigateToPreviousBlock: () => void;
     navigateToNextBlock: () => void;
+    skipStatement: () => void;
+    skipBlock: () => void;
     activeIndexOfRenderedStatement: number;
     setFooterElementRef?: Function;
     isReverseAnimation?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-survey-components",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "React Survey Ui Components",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",
@@ -46,6 +46,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@rollup/plugin-commonjs": "^13.0.0",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^8.1.0",
     "@storybook/addon-essentials": "^8.0.9",
     "@storybook/addon-interactions": "^8.0.9",
@@ -98,7 +99,7 @@
     "filepond-plugin-file-validate-type": "^1.2.9",
     "framer-motion": "^6.3.13",
     "lodash.clonedeep": "^4.5.0",
-    "moment": "^2.30.1",
+    "moment-timezone": "^0.5.45",
     "react": ">=16.0.2",
     "react-dom": ">=16.0.2",
     "react-filepond": "^7.1.2",