@secondstaxorg/sscomp 1.9.62 → 1.9.64

package/package.json

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

package/types/components/AmountInput/AmountInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AmountInputProps } from "./type";
+import "../../styles/typography.css";
+/**
+ * Dropdown component for selecting from a list of options
+ */
+declare const AmountInput: (props: AmountInputProps) => JSX.Element;
+export default AmountInput;

package/types/components/AmountInput/countries.d.ts

@@ -0,0 +1,6 @@
+export declare const currencies: {
+    currency: string;
+    currency_name: string;
+    country: string;
+    flag: string;
+}[];

package/types/components/AmountInput/country-codes.d.ts

@@ -0,0 +1,5 @@
+export declare const countryCodesArr: {
+    country: string;
+    dial_code: string;
+    code: string;
+}[];

package/types/components/AmountInput/style.d.ts

@@ -0,0 +1,7 @@
+export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownField: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DisabledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OptionsList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownOption: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,68 @@
+export interface AmountInputProps {
+    /**
+     * Currency code to be displayed on page load
+     */
+    initialCurrencyCode?: string;
+    /**
+     * Amount to be displayed on page load
+     */
+    initialAmount?: number;
+    /**
+     * Placeholder text to be displayed in the field
+     */
+    placeholder?: string;
+    /**
+     * Function to receive the object of the selected currency
+     */
+    selectedCurrency?: (a: currencyCodesType) => void;
+    /**
+     * Boolean to specify whether the field is active or disabled
+     */
+    disabled?: boolean;
+    /**
+     * Label of the field
+     */
+    label?: string;
+    /**
+     * Specify the width of the component
+     */
+    width?: number | "fit-content";
+    /**
+     * Boolean to specify whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Input name as is with html input tag
+     * */
+    inputName?: string;
+    /**
+     * Onchange function when user is making an input
+     * */
+    onChange: (value: {
+        currencyCode: string;
+        countryName: string;
+        amount: number;
+    }) => void;
+    /**
+     * Specify whether the component is a readonly field
+     */
+    readonly?: boolean;
+    /**
+     * Specify which currencies to bring to the top of the list
+     */
+    priorityCurrencies?: string[];
+    /**
+     * Specify custom label for text displayed throughout component
+     */
+    labelOverrides?: {
+        selectCountryCodeMsg?: string;
+        requiredFieldMsg?: string;
+        searchCountryPlaceholder?: string;
+    };
+}
+export declare type currencyCodesType = {
+    "country": string;
+    "currency_name": string;
+    "currency": string;
+    "flag": string;
+};

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

@@ -4,7 +4,7 @@ export interface PhoneInputProps {
      */
     initialCountryCode?: string;
     /**
-     * Country code to be displayed on page load
+     * Phone number to be displayed on page load
      */
     initialPhoneNumber?: number;
     /**
@@ -46,6 +46,10 @@ export interface PhoneInputProps {
      * Specify whether the component is a readonly field
      */
     readonly?: boolean;
+    /**
+     * Specify which countries to move to the top of the list. Specify the country code (`code`) or dial code (`dial_code`)
+     */
+    priorityCountries?: string[];
     /**
      * Specify custom label for text displayed throughout component
      */

package/types/components/index.d.ts

@@ -82,3 +82,4 @@ export { default as ProgressBar } from './ProgressBar/ProgressBar';
 export { default as DoughnutChart } from './DoughnutChart/DoughnutChart';
 export { default as DetailField } from './DetailField/DetailField';
 export { default as MultipleFileUpload } from './MultipleFileUpload/MultipleFileUpload';
+export { default as AmountInput } from './AmountInput/AmountInput';