@cryptofi/core-ui 0.26.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
- import { ButtonGroupProps, ButtonProps, CardProps, CheckboxProps, FlexProps, InputProps, ModalProps, SelectProps, TagProps, UseToastOptions, ChakraComponent } from '@chakra-ui/react';
2
+ import { ButtonGroupProps, ButtonProps, CardProps, CheckboxProps, FlexProps, InputProps as InputProps$1, ModalProps, SelectProps, TagProps, UseToastOptions, ChakraComponent } from '@chakra-ui/react';
3
3
  import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { SVGProps, Dispatch, SetStateAction } from 'react';
6
6
  import { CurveType } from 'recharts/types/shape/Curve';
7
+ import { CurrencyInputProps } from 'react-currency-input-field';
7
8
  import { FieldValues, UseFormRegister, Control } from 'react-hook-form';
8
9
 
9
10
  declare const SvgIconAlert: _chakra_ui_system_dist_system_types.ChakraComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element, {}>;
@@ -268,6 +269,8 @@ declare const uiColors: {
268
269
  };
269
270
  //# sourceMappingURL=uiColors.d.ts.map
270
271
 
272
+ declare const usdToNumber: (usd: string) => number;
273
+
271
274
  declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showTooltip, isAnimated, formatter, }: {
272
275
  data: any[] | undefined;
273
276
  dataKey: string;
@@ -307,7 +310,7 @@ interface CfCheckboxProps extends CheckboxProps {
307
310
  declare const CfCheckbox: (props: CfCheckboxProps) => react_jsx_runtime.JSX.Element;
308
311
 
309
312
  interface Props$2 extends FlexProps {
310
- onSubmit: (event: React.FormEvent) => void;
313
+ onSubmit?: (event: React.FormEvent) => void;
311
314
  }
312
315
  /**
313
316
  *
@@ -316,6 +319,7 @@ interface Props$2 extends FlexProps {
316
319
  declare const CfForm: ({ children, onSubmit, ...rest }: Props$2) => react_jsx_runtime.JSX.Element;
317
320
  //# sourceMappingURL=Form.d.ts.map
318
321
 
322
+ type InputProps = Omit<CurrencyInputProps, 'size'> & InputProps$1;
319
323
  interface CfInputProps<T extends FieldValues> extends InputProps {
320
324
  register?: UseFormRegister<T>;
321
325
  errorMessage?: string;
@@ -326,6 +330,7 @@ interface CfInputProps<T extends FieldValues> extends InputProps {
326
330
  rightElement?: React.ReactElement;
327
331
  rightAddon?: React.ReactElement;
328
332
  name: string;
333
+ isCurrency?: boolean;
329
334
  }
330
335
  declare const CfInput: <T extends FieldValues>(props: CfInputProps<T>) => react_jsx_runtime.JSX.Element;
331
336
 
@@ -404,4 +409,4 @@ declare const CfToast: ({ description, title, onClose, isClosable, status }: CfT
404
409
  type SVGIcon = ChakraComponent<'svg', object>;
405
410
  declare const layoutMinWidth = "22rem";
406
411
 
407
- export { CfAreaChart, CfBreakpointDebugger, CfButtonGroup, CfButtonGroupButton, CfCard, CfCheckbox, type CfCheckboxProps, CfForm, CfInput, CfInputArray, type CfInputProps, CfLineChart, CfModal, CfPagination, CfSelect, type CfSelectOption, type CfSelectProps, 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, SvgIconClose as IconClose, SvgIconConnect as IconConnect, SvgIconCopy as IconCopy, SvgIconDollar as IconDollar, 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, 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 SVGIcon, aggregateAmounts, exportedTheme as coreTheme, dateToTimestamp as dateToTimeStamp, formatPercentage, formatUSD, getDelta, layoutMinWidth, uiColors };
412
+ export { CfAreaChart, CfBreakpointDebugger, CfButtonGroup, CfButtonGroupButton, CfCard, CfCheckbox, type CfCheckboxProps, CfForm, CfInput, CfInputArray, type CfInputProps, CfLineChart, CfModal, CfPagination, CfSelect, type CfSelectOption, type CfSelectProps, 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, SvgIconClose as IconClose, SvgIconConnect as IconConnect, SvgIconCopy as IconCopy, SvgIconDollar as IconDollar, 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, 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 SVGIcon, aggregateAmounts, exportedTheme as coreTheme, dateToTimestamp, formatPercentage, formatUSD, getDelta, layoutMinWidth, uiColors, usdToNumber };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cryptofi/core-ui",
3
- "version": "0.26.0",
3
+ "version": "0.27.0",
4
4
  "author": {
5
5
  "name": "CryptoFi"
6
6
  },
@@ -50,6 +50,7 @@
50
50
  "currency.js": "^2.0.4",
51
51
  "dayjs": "^1.11.10",
52
52
  "decimal.js": "^10.4.3",
53
+ "react-currency-input-field": "^3.7.0",
53
54
  "react-hook-form": "^7.49.3",
54
55
  "recharts": "^2.10.3",
55
56
  "yup": "^1.3.3"