@cryptofi/core-ui 0.27.0 → 0.29.0

package/dist/types/index.d.ts

@@ -76,6 +76,9 @@ declare const SvgIconExchange: _chakra_ui_system_dist_system_types.ChakraCompone
 declare const SvgIconFilter: _chakra_ui_system_dist_system_types.ChakraComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element, {}>;
 //# sourceMappingURL=IconFilter.d.ts.map
 
+declare const SvgIconFilterActive: _chakra_ui_system_dist_system_types.ChakraComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element, {}>;
+//# sourceMappingURL=IconFilterActive.d.ts.map
+
 declare const SvgIconHelp: _chakra_ui_system_dist_system_types.ChakraComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element, {}>;
 //# sourceMappingURL=IconHelp.d.ts.map
 
@@ -252,6 +255,16 @@ declare const getDelta: ({ data, dataKey }: {
 };
 //# sourceMappingURL=getDelta.d.ts.map
 
+/**
+ * @description Pulls every nth element from a time series array, starting from the end
+ * to ensure the most recent entry is included.
+ */
+declare const pullFromEnd: <T>({ arr, n }: {
+    arr: T[];
+    n: number;
+}) => T[];
+//# sourceMappingURL=pullFromEnd.d.ts.map
+
 /**
  * @description An object with predefined UI colors, implemented as functions with optional alpha values.
  * Color names are assigned using https://colornamer.robertcooper.me/.
@@ -271,7 +284,7 @@ declare const uiColors: {
 
 declare const usdToNumber: (usd: string) => number;
 
-declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showTooltip, isAnimated, formatter, }: {
+declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showTooltip, isAnimated, formatter, sampleRate, }: {
     data: any[] | undefined;
     dataKey: string;
     width?: string | undefined;
@@ -280,12 +293,13 @@ declare const CfAreaChart: ({ data, dataKey, width, height, areaType, showToolti
     showTooltip?: boolean | undefined;
     isAnimated?: boolean | undefined;
     formatter?: ((value: number) => string) | undefined;
+    sampleRate?: number | undefined;
 }) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=AreaChart.d.ts.map
 
 /**
  *
- * @description use this component to visualize Chakra's breakpoints for debugging responsive styles.
+ * @description Use this component to visualize Chakra's breakpoints for debugging responsive styles.
  */
 declare const CfBreakpointDebugger: () => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=BreakpointDebugger.d.ts.map
@@ -345,7 +359,7 @@ type Props$1<T extends FieldValues> = {
 declare const CfInputArray: <T extends FieldValues>({ name, control, register, defaultValues, onArrayAppend, onArrayRemove, }: Props$1<T>) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=InputArray.d.ts.map
 
-declare const CfLineChart: ({ data, dataKey, width, height, lineType, showTooltip, isAnimated, formatter, }: {
+declare const CfLineChart: ({ data, dataKey, width, height, lineType, showTooltip, isAnimated, formatter, sampleRate, }: {
     data: any[] | undefined;
     dataKey: string;
     width?: string | undefined;
@@ -354,6 +368,7 @@ declare const CfLineChart: ({ data, dataKey, width, height, lineType, showToolti
     showTooltip?: boolean | undefined;
     isAnimated?: boolean | undefined;
     formatter?: ((value: number) => string) | undefined;
+    sampleRate?: number | undefined;
 }) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map
 
@@ -406,7 +421,17 @@ interface CfToastProps extends UseToastOptions {
 }
 declare const CfToast: ({ description, title, onClose, isClosable, status }: CfToastProps) => react_jsx_runtime.JSX.Element;
 
+declare const useBreakpoint: () => {
+    breakpoint: string;
+    isSmallBreakpoint: boolean;
+    isMediumBreakpoint: boolean;
+    isLargeBreakpoint: boolean;
+    isAboveSmallBreakpoint: boolean;
+    isBelowLargeBreakpoint: boolean;
+};
+//# sourceMappingURL=useBreakpoint.d.ts.map
+
 type SVGIcon = ChakraComponent<'svg', object>;
 declare const layoutMinWidth = "22rem";
 
-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 };
+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, SvgIconFilterActive as IconFilterActive, 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, pullFromEnd, uiColors, usdToNumber, useBreakpoint as useCfBreakpoint };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptofi/core-ui",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "author": {
     "name": "CryptoFi"
   },
@@ -11,11 +11,11 @@
   "type": "module",
   "scripts": {
     "build": "rm -rf ./dist && rollup -c",
-    "build-storybook": "storybook build -o dist",
-    "dev": "yarn storybook",
+    "build-storybook": "storybook build --docs -o dist",
+    "dev": "yarn storybook dev --docs",
     "format": "prettier --config ./.prettierrc -w '**/*.{tsx,ts,js,cjs,json,yml}' && git update-index --again",
     "icons:gen": "yarn icons:clean && yarn icons:prefix && npx @svgr/cli --out-dir ./src/icons -- ./svg-icons",
-    "icons:clean": "npx rimraf '**/Icon!(*.stories).tsx' ./src/icons/index.ts",
+    "icons:clean": "npx rimraf './src/icons/**/Icon!(*.stories).tsx' ./src/icons/index.ts",
     "icons:prefix": "node scripts/prefixIcons.cjs",
     "lint": "eslint src --ext .tsx --ext .ts",
     "lint:fix": "yarn lint --fix",
@@ -26,7 +26,7 @@
     "publish:npm": "yarn build && npm publish --access public && yarn publish:notifier",
     "storybook": "storybook dev -p 6006",
     "test": "jest --colors --passWithNoTests",
-    "test:one": "yarn test src/__tests/\"$@\".test.ts",
+    "test:one": "node scripts/testOne.cjs",
     "test:watch": "yarn test --collectCoverage=false --watch"
   },
   "module": "dist/index.js",
@@ -52,7 +52,7 @@
     "decimal.js": "^10.4.3",
     "react-currency-input-field": "^3.7.0",
     "react-hook-form": "^7.49.3",
-    "recharts": "^2.10.3",
+    "recharts": "^2.12.0",
     "yup": "^1.3.3"
   },
   "devDependencies": {
@@ -68,8 +68,8 @@
     "@storybook/addon-interactions": "^7.6.14",
     "@storybook/addon-links": "^7.6.14",
     "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.6.14",
-    "@storybook/components": "^7.6.14",
+    "@storybook/blocks": "^7.6.16",
+    "@storybook/components": "^7.6.17",
     "@storybook/manager-api": "^7.6.14",
     "@storybook/preview-api": "^7.6.14",
     "@storybook/react": "^7.6.14",
@@ -81,18 +81,18 @@
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.2.6",
-    "@types/lodash.isempty": "^4",
     "@types/prop-types": "^15",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "@types/rollup-plugin-peer-deps-external": "^2",
     "@types/stringify-object": "^4.0.4",
-    "@typescript-eslint/eslint-plugin": "^6.13.1",
-    "@typescript-eslint/parser": "^6.13.1",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
     "chalk": "4.1.2",
+    "core-js": "^3.36.0",
     "cross-var": "^1.1.0",
     "dotenv-cli": "^7.3.0",
     "eslint": "^8.9.0",
@@ -106,11 +106,10 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-simple-import-sort": "^9.0.0",
     "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-unused-imports": "^3.0.0",
+    "eslint-plugin-unused-imports": "^3.1.0",
     "framer-motion": "^10.16.4",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.4.0",
-    "lodash.isempty": "^4.4.0",
     "pnpapi": "^0.0.0",
     "prettier": "^3.1.0",
     "prop-types": "^15.8.1",