@cryptofi/core-ui 0.40.0 → 0.42.0

package/dist/types/index.d.ts

@@ -302,6 +302,18 @@ declare const usdToNumber: ({ usd, precision, autoPrecision, }: {
 }) => number;
 //# sourceMappingURL=usdToNumber.d.ts.map
 
+/**
+ * Converts a UTC date string to local time format.
+ * @param timeString: The UTC date string to be converted. If undefined, the current UTC time will be used.
+ * @param dateFormat: The format string for the output. Defaults to 'MM/DD/YY' if undefined.
+ * @returns The formatted local date string. Returns 'Invalid Date' for unparseable dates.
+ */
+declare const utcDateToLocal: ({ dateFormat, timeString, }: {
+    dateFormat?: string | undefined;
+    timeString?: string | undefined;
+}) => string;
+//# sourceMappingURL=utcDateToLocal.d.ts.map
+
 declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showTooltip, isAnimated, formatter, sampleRate, style, }: {
     data: any[] | undefined;
     dataKey: string;
@@ -349,21 +361,20 @@ interface CfCheckboxProps<T extends FieldValues> extends CheckboxProps {
 }
 declare const CfCheckbox: <T extends FieldValues>(props: CfCheckboxProps<T>) => react_jsx_runtime.JSX.Element;
 
-interface Props$3 extends FlexProps {
+interface Props$4 extends FlexProps {
     onSubmit?: (event: React.FormEvent) => void;
 }
 /**
  *
  * @description A form component with flex layout, for use with or without React Hook Form.
  */
-declare const CfForm: ({ children, onSubmit, ...rest }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const CfForm: ({ children, onSubmit, ...rest }: Props$4) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=Form.d.ts.map
 
 type InputProps = Omit<CurrencyInputProps, 'size'> & InputProps$1;
-interface CfInputProps<T extends FieldValues> extends InputProps {
+interface CfInputProps extends InputProps {
     name: string;
     label?: string;
-    register?: UseFormRegister<T>;
     errorMessage?: string;
     helperText?: string;
     leftAddon?: React.ReactElement;
@@ -371,10 +382,11 @@ interface CfInputProps<T extends FieldValues> extends InputProps {
     rightElement?: React.ReactElement;
     rightAddon?: React.ReactElement;
     type?: React.HTMLInputTypeAttribute | 'currency';
+    register?: UseFormRegister<any>;
 }
-declare const CfInput: <T extends FieldValues>(props: CfInputProps<T>) => react_jsx_runtime.JSX.Element;
+declare const CfInput: _chakra_ui_react.ComponentWithAs<_chakra_ui_react.As, CfInputProps>;
 
-type Props$2<T extends FieldValues> = {
+type Props$3<T extends FieldValues> = {
     name: string;
     control: Control;
     register: UseFormRegister<T>;
@@ -382,7 +394,7 @@ type Props$2<T extends FieldValues> = {
     onArrayAppend?: (appendValues: FieldValues) => void;
     onArrayRemove?: (remove: number) => void;
 };
-declare const CfInputArray: <T extends FieldValues>({ name, control, register, defaultValues, onArrayAppend, onArrayRemove, }: Props$2<T>) => react_jsx_runtime.JSX.Element;
+declare const CfInputArray: <T extends FieldValues>({ name, control, register, defaultValues, onArrayAppend, onArrayRemove, }: Props$3<T>) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=InputArray.d.ts.map
 
 declare const CfLineChart: ({ data, dataKey, width, height, lineType, showTooltip, isAnimated, formatter, sampleRate, style, }: {
@@ -399,16 +411,28 @@ declare const CfLineChart: ({ data, dataKey, width, height, lineType, showToolti
 }) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map
 
-interface Props$1 extends ModalProps {
+interface Props$2 extends ModalProps {
     headerContent?: React.ReactNode;
     footerContent?: React.ReactNode;
     bodyMinHeight?: string | number;
     bodyBackground?: string;
     isDisabledCloseButton?: boolean;
 }
-declare const CfModal: ({ isOpen, onClose, headerContent, footerContent, children, isCentered, size, bodyMinHeight, bodyBackground, isDisabledCloseButton, ...rest }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const CfModal: ({ isOpen, onClose, headerContent, footerContent, children, isCentered, size, bodyMinHeight, bodyBackground, isDisabledCloseButton, ...rest }: Props$2) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=Modal.d.ts.map
 
+interface PageClickEvent {
+    selected: number;
+}
+interface Props$1 extends FlexProps {
+    handlePageClick: (event: PageClickEvent) => void;
+    totalRecords?: number;
+    recordsPerPage?: number;
+    pageRangeDisplayed?: number;
+    forcePage?: number;
+}
+declare const CfOpenSearchPagination: ({ totalRecords, recordsPerPage, pageRangeDisplayed, handlePageClick, forcePage, ...rest }: Props$1) => react_jsx_runtime.JSX.Element;
+
 interface LastEvaluatedKeyParams {
     lastEvaluatedPKey?: string;
     lastEvaluatedSKey?: string;
@@ -470,5 +494,7 @@ 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";
 
-export { CfAreaChart, CfBreakpointDebugger, CfButtonGroup, CfButtonGroupButton, CfCard, CfCarousel, CfCheckbox, type CfCheckboxProps, CfForm, CfInput, CfInputArray, type CfInputProps, CfLineChart, CfModal, 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, aggregateAmounts, exportedTheme as coreTheme, dateToTimestamp, formatPercentage, formatUsd, getDelta, layoutMinWidth, pullFromEnd, uiColors, usdToNumber, useBreakpoint as useCfBreakpoint };
+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, formatUsd, getDelta, layoutMinWidth, pullFromEnd, uiColors, usdToNumber, useBreakpoint as useCfBreakpoint, utcDateToLocal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptofi/core-ui",
-  "version": "0.40.0",
+  "version": "0.42.0",
   "author": {
     "name": "CryptoFi"
   },
@@ -54,30 +54,31 @@
     "dayjs": "^1.11.10",
     "react-currency-input-field": "^3.8.0",
     "react-hook-form": "^7.51.0",
+    "react-paginate": "^8.2.0",
     "recharts": "^2.12.2",
     "yup": "^1.4.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@chakra-ui/react": "^2.4.9",
-    "@chakra-ui/storybook-addon": "^5.0.1",
+    "@chakra-ui/storybook-addon": "^5.1.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/addon-onboarding": "^8.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/components": "^8.0.0",
-    "@storybook/manager-api": "^8.0.0",
-    "@storybook/preview-api": "^8.0.0",
-    "@storybook/react": "^8.0.0",
-    "@storybook/react-vite": "^8.0.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/types": "^8.0.0",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-interactions": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-onboarding": "^8.0.4",
+    "@storybook/blocks": "^8.0.4",
+    "@storybook/components": "^8.0.4",
+    "@storybook/manager-api": "^8.0.4",
+    "@storybook/preview-api": "^8.0.4",
+    "@storybook/react": "^8.0.4",
+    "@storybook/react-vite": "^8.0.4",
+    "@storybook/test": "^8.0.4",
+    "@storybook/types": "^8.0.4",
     "@svgr/cli": "^8.1.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
@@ -124,11 +125,11 @@
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "^8.0.0",
+    "storybook": "^8.0.4",
     "stringify-object": "^5.0.0",
     "ts-jest": "^29.0.5",
     "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "vite": "^5.2.6"
   },
   "packageManager": "yarn@4.1.0"
 }