@secondstaxorg/sscomp 1.6.6 → 1.6.8

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@secondstaxorg/sscomp",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Secondstax/sscomp.git"
+    "url": "https://github.com/Secondstax/sscomp.git"
   },
   "description": "A react component library for secondstax",
   "main": "dist/index.min.js",
@@ -27,7 +27,7 @@
     "chromatic-force": "npx chromatic --project-token=chpt_2b0f52cf5545391 --force-rebuild"
   },
   "author": {
-    "name": "augustus Otu, mark obuobi"
+    "name": "augustus Otu, Mark Obuobi"
   },
   "license": "ISC",
   "devDependencies": {

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

@@ -2,3 +2,4 @@ export declare const InputLabel: import("styled-components").StyledComponent<"di
 export declare const DatePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputField: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CalendarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;

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

@@ -23,5 +23,12 @@ export interface DatePickerProps {
      * Placeholder text for the datepicker field
      */
     placeholder?: string;
+    /**
+     * Determine how wide the date picker field should be
+     */
     width?: number;
+    /**
+     * Specify whether the field is a required field
+     */
+    required?: boolean;
 }

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

@@ -1,5 +1,5 @@
+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 LabelContainer: 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>;

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

@@ -33,5 +33,12 @@ export interface DropdownProps {
      * Boolean to specify whether the list is searchable
      */
     searchable?: boolean;
+    /**
+     * Specify the width of the component
+     */
     width?: number | "fit-content";
+    /**
+     * Boolean to specify whether the field is required
+     */
+    required?: boolean;
 }

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

@@ -1,6 +1 @@
 export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterArea: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AboutSSX: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSXInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CopyrightArea: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CopyrightText: import("styled-components").StyledComponent<"p", any, {}, never>;

package/types/components/FooterNew/FooterNew.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FooterNew: () => JSX.Element;
+export default FooterNew;

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

@@ -0,0 +1 @@
+export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/components/FooterOld/FooterOld.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FooterOld: () => JSX.Element;
+export default FooterOld;

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

@@ -0,0 +1,6 @@
+export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FooterArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AboutSSX: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSXInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CopyrightArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CopyrightText: import("styled-components").StyledComponent<"p", any, {}, never>;

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

@@ -0,0 +1,2 @@
+export declare function moneyfy(number: number): string;
+export declare function thousandSeparator(number: number): string;

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

@@ -1,2 +1,3 @@
+export declare const RibbonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RibbonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RibbonItem: import("styled-components").StyledComponent<"a", any, {}, never>;

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

@@ -1 +1,2 @@
 export declare const SSXBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSXMobileMenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/components/SSXBar/types.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-export interface SSXBarProps {
+import React, { ReactNode } from "react";
+export interface SSXBarProps extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     background: 'dark' | 'light';
+    className?: string;
 }

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

@@ -1 +1,5 @@
+export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SrInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const SelectorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -12,6 +12,32 @@ export interface SelectorProps {
     selectedItem: (a: {
         label: string;
         value?: string;
-    } | null) => void;
-    width?: number;
+    } | {
+        label: string;
+        value?: string;
+    }[] | null) => void;
+    /**
+     * Specify the CSS width of the component
+     */
+    width?: number | string;
+    /**
+     * Specify whether multiple options can be selected
+     */
+    multiSelect?: boolean;
+    /**
+     * Specify whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Label for the field
+     */
+    label?: string;
+    /**
+     * Accompanying subtext for the label
+     */
+    subText?: string;
+    /**
+     * Custom error message to be displayed when validation fails
+     */
+    errMsg?: string;
 }

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

@@ -1,4 +1,5 @@
 export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputField: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;

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

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

package/types/components/index.d.ts

@@ -21,7 +21,7 @@ export { default as DateRangePicker } from './DateRangePicker/DateRangePicker';
 export { default as DisplayField } from './DisplayField/DisplayField';
 export { default as DropdownList } from './DropdownList/DropdownList';
 export { default as ExchangeRates } from './ExchangeRates/ExchangeRates';
-export { default as Footer } from './Footer/Footer';
+export { default as FooterNew } from './FooterNew/FooterNew';
 export { default as Indices } from './Indices/Indices';
 export { default as LoadingShimmer } from './LoadingShimmer/LoadingShimmer';
 export { default as LoadingSpinner } from './LoadingSpinner/LoadingSpinner';