@secondstaxorg/sscomp 1.7.68 → 1.7.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secondstaxorg/sscomp",
-  "version": "1.7.68",
+  "version": "1.7.71",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/types/components/CountrySelector/type.d.ts

@@ -32,9 +32,16 @@ export interface SelectorProps {
      * Division in the list to segment different groups of options
      */
     sectionTitle?: string;
+    /**
+     * Specify that the component is a required field
+     * */
     required?: boolean;
     /**
      * Input name as is with html input tag
      * */
     inputName?: string;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }

package/types/components/DatePicker/type.d.ts

@@ -39,4 +39,8 @@ export interface DatePickerProps {
      * Initial value to be displayed when the component is rendered.
      */
     value?: Date;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }

package/types/components/DateRangePicker/type.d.ts

@@ -23,4 +23,8 @@ export interface DateRangePickerProps {
      */
     showActionButtons?: boolean;
     width?: number;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }

package/types/components/DropdownList/type.d.ts

@@ -45,4 +45,8 @@ export interface DropdownProps {
      * Input name as is with html input tag
      * */
     inputName: string;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }

package/types/components/NumberField/NumberField.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { AmountFieldProps } from "./type";
+import { NumberFieldProps } from "./type";
+import '../../styles/typography.css';
 /**
  * This component is used to render a number or amount field. The latter is rendered when `currencyFlagPath` prop is supplied.
  */
-declare const NumberField: (props: AmountFieldProps) => JSX.Element;
+declare const NumberField: (props: NumberFieldProps) => JSX.Element;
 export default NumberField;

package/types/components/NumberField/type.d.ts

@@ -1,4 +1,4 @@
-export interface AmountFieldProps {
+export interface NumberFieldProps {
     /**
      * Label of the input field
      */
@@ -39,4 +39,8 @@ export interface AmountFieldProps {
      * Specify a placeholder text for the input
      */
     placeholder?: string;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }

package/types/components/PhoneInput/type.d.ts

@@ -35,10 +35,17 @@ export interface PhoneInputProps {
      * Input name as is with html input tag
      * */
     inputName: string;
+    /**
+     * Onchange function when user is making an input
+     * */
     onChange: (value: {
         countryCode: string;
         phoneNumber: number;
     }) => void;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }
 export declare type countryCodesType = {
     "country": string;

package/types/components/Selector/types.d.ts

@@ -58,6 +58,10 @@ export interface SelectorProps {
      * */
     numCols?: number;
     value?: itemType | itemType[];
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }
 export declare type itemType = {
     label: string;

package/types/components/TextArea/type.d.ts

@@ -16,5 +16,12 @@ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextArea
      * Initial value to be displayed
      */
     initialVal?: string | number;
+    /**
+     * Specify the width of the component
+     */
     width?: number;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }

package/types/components/TextField/type.d.ts

@@ -16,5 +16,12 @@ export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputEleme
      * The initial value of the field to be displayed in the component
      */
     initialVal?: string | number;
+    /**
+     * Specify the width of the component
+     */
     width?: number | 'fit-content' | '100%';
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
 }