@secondstaxorg/sscomp 1.6.95 → 1.6.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secondstaxorg/sscomp",
-  "version": "1.6.95",
+  "version": "1.6.97",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -35,6 +35,8 @@
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
+    "@mdx-js/mdx": "^1.6.22",
+    "@mdx-js/react": "^1.6.22",
     "@rollup/plugin-commonjs": "^23.0.7",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^9.0.2",
@@ -51,6 +53,7 @@
     "@types/styled-components": "^5.1.26",
     "babel-loader": "^8.2.5",
     "chromatic": "^6.19.8",
+    "gatsby-plugin-mdx": "^5.11.0",
     "rollup": "^3.2.3",
     "rollup-plugin-css-only": "^4.3.0",
     "rollup-plugin-dts": "^5.1.1",
@@ -61,10 +64,7 @@
     "storybook": "7.0.22",
     "styled-components": "^5.3.6",
     "typescript": "^4.8.4",
-    "webpack": "^5.74.0",
-    "gatsby-plugin-mdx": "^5.11.0",
-    "@mdx-js/mdx": "^1.6.22",
-    "@mdx-js/react": "^1.6.22"
+    "webpack": "^5.74.0"
   },
   "dependencies": {
     "@heroicons/react": "^2.0.13",
@@ -77,19 +77,20 @@
     "gh-pages": "^4.0.0",
     "heroicons": "^2.0.12",
     "postcss": "^8.4.21",
-    "react-chartjs-2": "^4.3.1",
     "react": "^18.2.0",
+    "react-chartjs-2": "^4.3.1",
     "react-dom": "^18.2.0",
     "react-fast-marquee": "^1.3.5",
     "react-is": "^18.2.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
-    "rollup-plugin-typescript2": "^0.34.1"
+    "rollup-plugin-typescript2": "^0.34.1",
+    "tippy.js": "^6.3.7"
   },
   "peerDependencies": {
-    "styled-components": "^5.3.6",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "styled-components": "^5.3.6"
   },
   "bugs": {
     "url": "https://github.com/Secondstax/sscomp/issues"

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

@@ -15,10 +15,10 @@ export interface AccordionProps {
      * Optional, specify the array index (counting from 0) for which accordion to have expanded on page load
      * */
     defaultExpanded?: number;
+    onDelete?: ({}: {}) => void;
 }
 export declare type AccordionsType = {
     label: string;
     content: React.ReactNode;
     canDelete?: boolean;
-    onDelete?: ({}: {}) => void;
 };

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

@@ -2,11 +2,14 @@ export interface MarketDataProps {
     /**
      * Array of data to be displayed in the cards
      */
-    marketData: {
-        market: string;
-        marketCountryFlag: string;
-        volume: number;
-        marketCap: number;
-        lastUpdated: string;
-    }[];
+    marketData: MarketDataItem[];
 }
+export declare type MarketDataItem = {
+    market: string;
+    marketCountryFlag: string;
+    volume: number;
+    volumeLabel?: string;
+    marketCap: number;
+    marketCapLabel?: string;
+    lastUpdated: string;
+};

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

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

package/types/components/PhoneInput/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/PhoneInput/type.d.ts

@@ -0,0 +1,43 @@
+export interface PhoneInputProps {
+    /**
+     * Country code to be displayed on page load
+     */
+    initialCountryCode?: string;
+    /**
+     * Placeholder text to be displayed in the field
+     */
+    placeholder?: string;
+    /**
+     * Function to receive the object of the selected item
+     */
+    selectedCountryCode: (a: countryCodesType) => 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: (value: {
+        countryCode: string;
+        phoneNumber: number;
+    }) => void;
+}
+export declare type countryCodesType = {
+    "country": string;
+    "dial_code": string;
+    "code": string;
+};

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

@@ -0,0 +1,19 @@
+import React from "react";
+export interface TooltipProps {
+    /**
+     * Which side of the child element the tooltip should be displayed
+     */
+    tooltipPosition: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * HTML element to be wrapped inside the tooltip component
+     */
+    children: React.ReactNode;
+    /**
+     * Text to be displayed in the tooltip
+     */
+    tooltipContent: string;
+    /**
+     * The HTML id attribute assigned to the child element wrapped inside the tooltip
+     */
+    childElementId: string;
+}