@cryptofi/core-ui 0.45.0 → 0.47.0

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { IconProps, ButtonGroupProps, ButtonProps, CardProps, FlexProps, CheckboxProps, InputProps as InputProps$1, ModalProps, SelectProps, TagProps, ChakraComponent, UseToastOptions } from '@chakra-ui/react';
+import { IconProps, ButtonGroupProps, ButtonProps, CardProps, FlexProps, CheckboxProps, SystemStyleObject, InputProps as InputProps$1, ModalProps, SelectProps, TagProps, ChakraComponent, UseToastOptions } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { SVGProps, ReactElement, Dispatch, SetStateAction } from 'react';
@@ -322,6 +322,9 @@ declare const utcDateToLocal: ({ dateFormat, timeString, }: {
 declare const formatPhoneNumber: (phoneNumberString: string) => string;
 //# sourceMappingURL=formatPhoneNumber.d.ts.map
 
+type TooltipLabelFormatter = (index: number, chartValue: any[]) => string | undefined;
+type TooltipValueFormatter = (value: number) => string;
+
 declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showTooltip, isAnimated, formatter, labelFormatter, sampleRate, style, }: {
     data: any[] | undefined;
     dataKey: string;
@@ -330,8 +333,8 @@ declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showToolti
     areaType?: CurveType | undefined;
     showTooltip?: boolean | undefined;
     isAnimated?: boolean | undefined;
-    formatter?: ((value: number) => string) | undefined;
-    labelFormatter?: ((index: number, chartValue: any[]) => string | undefined) | undefined;
+    formatter?: TooltipValueFormatter | undefined;
+    labelFormatter?: TooltipLabelFormatter | undefined;
     sampleRate?: number | undefined;
     style?: react.CSSProperties | undefined;
 }) => react_jsx_runtime.JSX.Element;
@@ -391,6 +394,7 @@ interface CfInputProps extends InputProps {
     rightElement?: React.ReactElement;
     rightAddon?: React.ReactElement;
     type?: React.HTMLInputTypeAttribute | 'currency';
+    containerCss?: SystemStyleObject;
     register?: UseFormRegister<any>;
 }
 declare const CfInput: _chakra_ui_react.ComponentWithAs<_chakra_ui_react.As, CfInputProps>;
@@ -414,8 +418,8 @@ declare const CfLineChart: ({ data, dataKey, width, height, lineType, showToolti
     lineType?: CurveType | undefined;
     showTooltip?: boolean | undefined;
     isAnimated?: boolean | undefined;
-    formatter?: ((value: number) => string) | undefined;
-    labelFormatter?: ((index: number, chartValue: any[]) => string | undefined) | undefined;
+    formatter?: TooltipValueFormatter | undefined;
+    labelFormatter?: TooltipLabelFormatter | undefined;
     sampleRate?: number | undefined;
     style?: react.CSSProperties | undefined;
 }) => react_jsx_runtime.JSX.Element;
@@ -504,7 +508,11 @@ declare const useBreakpoint: () => {
 //# sourceMappingURL=useBreakpoint.d.ts.map
 
 declare const layoutMinWidth = "22rem";
-declare const dateFormatNoTime = "MM/DD/YY";
-declare const dateFormatWithTime = "MM/DD/YYYY h:mmA";
+declare const dateFormats: {
+    dateOnly: string;
+    dateWithTime: string;
+    shortDateWithTime: string;
+    shortDateWithYear: string;
+};
 
-export { CfAreaChart, CfBreakpointDebugger, CfButtonGroup, CfButtonGroupButton, CfCard, CfCarousel, CfCheckbox, type CfCheckboxProps, CfForm, CfInput, CfInputArray, type CfInputProps, CfLineChart, CfModal, CfOpenSearchPagination, CfPagination, CfSelect, type CfSelectOption, type CfSelectProps, CfSpinner, CfTag, type CfTagProps, CfToast, SvgIconAlert as IconAlert, SvgIconArrowDown as IconArrowDown, SvgIconArrowUp as IconArrowUp, SvgIconAvax as IconAvax, SvgIconBank as IconBank, SvgIconBarChart as IconBarChart, SvgIconBch as IconBch, SvgIconBtc as IconBtc, SvgIconCalendar as IconCalendar, SvgIconCaretDown as IconCaretDown, SvgIconCaretLeft as IconCaretLeft, SvgIconCaretRight as IconCaretRight, SvgIconCaretUp as IconCaretUp, SvgIconCent as IconCent, SvgIconCheck as IconCheck, SvgIconChecking as IconChecking, SvgIconCircleCheck as IconCircleCheck, SvgIconClose as IconClose, SvgIconConnect as IconConnect, SvgIconCopy as IconCopy, SvgIconDollar as IconDollar, SvgIconDollarBill as IconDollarBill, SvgIconDownload as IconDownload, SvgIconEdit as IconEdit, SvgIconEnter as IconEnter, SvgIconEnterInverted as IconEnterInverted, SvgIconEth as IconEth, SvgIconExchange as IconExchange, SvgIconFilter as IconFilter, SvgIconHelp as IconHelp, SvgIconHistory as IconHistory, SvgIconHome as IconHome, SvgIconIndicatorDown as IconIndicatorDown, SvgIconIndicatorUp as IconIndicatorUp, SvgIconInfo as IconInfo, SvgIconLink as IconLink, SvgIconLock as IconLock, SvgIconLtc as IconLtc, SvgIconMail as IconMail, SvgIconMenu as IconMenu, SvgIconMore as IconMore, SvgIconNotification as IconNotification, SvgIconOverview as IconOverview, SvgIconPercent as IconPercent, SvgIconPieChart as IconPieChart, SvgIconPlus as IconPlus, SvgIconRefresh as IconRefresh, SvgIconReports as IconReports, SvgIconReservesSuccess as IconReservesSuccess, SvgIconReservesWarning as IconReservesWarning, SvgIconSearch as IconSearch, SvgIconSettings as IconSettings, SvgIconSettlement as IconSettlement, SvgIconSignIn as IconSignIn, SvgIconSignOut as IconSignOut, SvgIconSort as IconSort, SvgIconSpinner as IconSpinner, SvgIconSupport as IconSupport, SvgIconTrash as IconTrash, SvgIconUpload as IconUpload, SvgIconUser as IconUser, SvgIconXlm as IconXlm, type PageClickEvent, aggregateAmounts, exportedTheme as coreTheme, dateFormatNoTime, dateFormatWithTime, dateToTimestamp, formatPercentage, formatPhoneNumber, formatUsd, getDelta, layoutMinWidth, pullFromEnd, uiColors, usdToNumber, useBreakpoint as useCfBreakpoint, utcDateToLocal };
+export { CfAreaChart, CfBreakpointDebugger, CfButtonGroup, CfButtonGroupButton, CfCard, CfCarousel, CfCheckbox, type CfCheckboxProps, CfForm, CfInput, CfInputArray, type CfInputProps, CfLineChart, CfModal, CfOpenSearchPagination, CfPagination, CfSelect, type CfSelectOption, type CfSelectProps, CfSpinner, CfTag, type CfTagProps, CfToast, SvgIconAlert as IconAlert, SvgIconArrowDown as IconArrowDown, SvgIconArrowUp as IconArrowUp, SvgIconAvax as IconAvax, SvgIconBank as IconBank, SvgIconBarChart as IconBarChart, SvgIconBch as IconBch, SvgIconBtc as IconBtc, SvgIconCalendar as IconCalendar, SvgIconCaretDown as IconCaretDown, SvgIconCaretLeft as IconCaretLeft, SvgIconCaretRight as IconCaretRight, SvgIconCaretUp as IconCaretUp, SvgIconCent as IconCent, SvgIconCheck as IconCheck, SvgIconChecking as IconChecking, SvgIconCircleCheck as IconCircleCheck, SvgIconClose as IconClose, SvgIconConnect as IconConnect, SvgIconCopy as IconCopy, SvgIconDollar as IconDollar, SvgIconDollarBill as IconDollarBill, SvgIconDownload as IconDownload, SvgIconEdit as IconEdit, SvgIconEnter as IconEnter, SvgIconEnterInverted as IconEnterInverted, SvgIconEth as IconEth, SvgIconExchange as IconExchange, SvgIconFilter as IconFilter, SvgIconHelp as IconHelp, SvgIconHistory as IconHistory, SvgIconHome as IconHome, SvgIconIndicatorDown as IconIndicatorDown, SvgIconIndicatorUp as IconIndicatorUp, SvgIconInfo as IconInfo, SvgIconLink as IconLink, SvgIconLock as IconLock, SvgIconLtc as IconLtc, SvgIconMail as IconMail, SvgIconMenu as IconMenu, SvgIconMore as IconMore, SvgIconNotification as IconNotification, SvgIconOverview as IconOverview, SvgIconPercent as IconPercent, SvgIconPieChart as IconPieChart, SvgIconPlus as IconPlus, SvgIconRefresh as IconRefresh, SvgIconReports as IconReports, SvgIconReservesSuccess as IconReservesSuccess, SvgIconReservesWarning as IconReservesWarning, SvgIconSearch as IconSearch, SvgIconSettings as IconSettings, SvgIconSettlement as IconSettlement, SvgIconSignIn as IconSignIn, SvgIconSignOut as IconSignOut, SvgIconSort as IconSort, SvgIconSpinner as IconSpinner, SvgIconSupport as IconSupport, SvgIconTrash as IconTrash, SvgIconUpload as IconUpload, SvgIconUser as IconUser, SvgIconXlm as IconXlm, type PageClickEvent, aggregateAmounts, exportedTheme as coreTheme, dateFormats, dateToTimestamp, formatPercentage, formatPhoneNumber, formatUsd, getDelta, layoutMinWidth, pullFromEnd, uiColors, usdToNumber, useBreakpoint as useCfBreakpoint, utcDateToLocal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptofi/core-ui",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "author": {
     "name": "CryptoFi"
   },
@@ -29,7 +29,8 @@
     "storybook": "storybook dev -p 6006",
     "test": "jest --colors --passWithNoTests",
     "test:one": "node scripts/testOne.cjs",
-    "test:watch": "yarn test --collectCoverage=false --watch"
+    "test:watch": "yarn test --collectCoverage=false --watch",
+    "validate:types": "npx tsc --noEmit"
   },
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
@@ -55,7 +56,7 @@
     "react-currency-input-field": "^3.8.0",
     "react-hook-form": "^7.51.2",
     "react-paginate": "^8.2.0",
-    "recharts": "^2.12.2",
+    "recharts": "^2.12.4",
     "yup": "^1.4.0"
   },
   "devDependencies": {
@@ -67,7 +68,7 @@
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-essentials": "^8.0.6",
     "@storybook/addon-interactions": "^8.0.5",
     "@storybook/addon-links": "^8.0.5",
     "@storybook/addon-onboarding": "^8.0.5",
@@ -75,10 +76,10 @@
     "@storybook/components": "^8.0.5",
     "@storybook/manager-api": "^8.0.5",
     "@storybook/preview-api": "^8.0.5",
-    "@storybook/react": "^8.0.5",
+    "@storybook/react": "^8.0.6",
     "@storybook/react-vite": "^8.0.5",
     "@storybook/test": "^8.0.5",
-    "@storybook/types": "^8.0.5",
+    "@storybook/types": "^8.0.6",
     "@svgr/cli": "^8.1.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
@@ -119,7 +120,7 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^4.13.0",
+    "rollup": "^4.14.1",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-filesize": "^10.0.0",