@secondstaxorg/sscomp 1.6.96 → 1.6.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secondstaxorg/sscomp",
-  "version": "1.6.96",
+  "version": "1.6.98",
   "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/PhoneInput/PhoneInput.d.ts

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

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/type.d.ts

@@ -1,15 +1,8 @@
 export interface PhoneInputProps {
     /**
-     * Array with object containing the label and value for each item to be displayed in the list
+     * Country code to be displayed on page load
      */
-    options: {
-        label: string;
-        value: string;
-    }[];
-    /**
-     * Initial text to be displayed in the field. Ideal for when using an update form to display the current value of the field
-     */
-    initialText?: string;
+    initialCountryCode?: string;
     /**
      * Placeholder text to be displayed in the field
      */
@@ -17,10 +10,7 @@ export interface PhoneInputProps {
     /**
      * Function to receive the object of the selected item
      */
-    returnedSelection: (a: {
-        label: string;
-        value: string;
-    }) => void;
+    selectedCountryCode: (a: countryCodesType) => void;
     /**
      * Boolean to specify whether the field is active or disabled
      */
@@ -29,10 +19,6 @@ export interface PhoneInputProps {
      * Label of the field
      */
     label?: string;
-    /**
-     * Boolean to specify whether the list is searchable
-     */
-    searchable?: boolean;
     /**
      * Specify the width of the component
      */
@@ -45,4 +31,13 @@ export interface PhoneInputProps {
      * 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/Tooltip.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TooltipProps } from "./type";
+import 'tippy.js/dist/tippy.css';
+/**
+* Tooltip text to be displayed on an element
+*/
+declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export default Tooltip;

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;
+}

package/types/components/index.d.ts

@@ -66,3 +66,5 @@ export { default as TablePrimary } from './TablePrimary';
 export { default as TableAlternative } from './TableAlternative';
 export { default as Selector } from './Selector/Selector';
 export { default as StepProgress } from './StepProgress/StepProgress';
+export { default as PhoneInput } from './PhoneInput/PhoneInput';
+export { default as Tooltip } from './Tooltip/Tooltip';