@mparticle/aquarium 1.4.2 → 1.6.0

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import { CardProps } from 'antd';
 import { CarouselProps } from 'antd';
 import { CascaderPanelProps } from 'antd/es/cascader/Panel';
 import { CascaderProps } from 'antd';
+import { CheckableTagProps as CheckableTagProps_2 } from 'antd/lib/tag';
 import { CheckboxGroupProps } from 'antd/es/checkbox';
 import { CheckboxProps } from 'antd';
 import { CheckboxRef } from 'rc-checkbox';
@@ -38,6 +39,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { Grid } from 'antd';
 import { GroupProps } from 'antd/es/input';
 import { ColProps as IColProps } from 'antd';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { ImageProps } from 'antd';
 import { IModalProps as IModalProps_2 } from '../../../../../../../../../src/components/feedback/Modal/Modal';
 import { InputNumberProps } from 'antd';
@@ -134,6 +136,8 @@ export declare const Cascader: {
     SHOW_CHILD: "SHOW_CHILD";
 };
 
+declare type CheckableTagProps = CheckableTagProps_2 & ITagProps;
+
 export declare const Checkbox: {
     (props: ICheckboxProps): JSX_2.Element;
     Group: <T extends CheckboxValueType = CheckboxValueType>(props: CheckboxGroupProps<T> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>>;
@@ -223,6 +227,8 @@ export declare interface IColorPickerProps extends ColorPickerProps {
 
 export { IColProps }
 
+export declare const Icon: (props: IIconProps) => JSX_2.Element;
+
 export declare interface IConfigProviderProps extends ConfigProviderProps {
 }
 
@@ -254,6 +260,10 @@ export declare interface IFormProps extends FormProps {
     children: React.ReactNode;
 }
 
+export declare interface IIconProps {
+    icon: IconProp;
+}
+
 export declare interface IImageProps extends ImageProps {
 }
 
@@ -269,9 +279,9 @@ export declare interface ILayoutProps extends LayoutProps {
 export declare interface IListProps extends ListProps {
 }
 
-export declare interface ILoadingModalProps<Data> extends Omit<IModalProps_2, "children"> {
-    fetchData(): Promise<Data>;
-    children(initData: Data): React.ReactNode;
+export declare interface ILoadingModalProps<Data> extends Omit<IModalProps_2, 'children'> {
+    fetchData: () => Promise<Data>;
+    children: (initData: Data) => React.ReactNode;
 }
 
 declare const Image_2: (props: IImageProps) => JSX_2.Element;
@@ -337,7 +347,7 @@ export declare interface ISegmentedProps extends SegmentedProps {
 export declare interface ISelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends SelectProps<ValueType, OptionType> {
 }
 
-export declare interface ISkeletonProps extends Omit<SkeletonProps, "active"> {
+export declare interface ISkeletonProps extends Omit<SkeletonProps, 'active'> {
 }
 
 export declare type ISliderProps = SliderSingleProps | SliderRangeProps;
@@ -463,7 +473,10 @@ export declare const Table: (props: ITableProps) => JSX_2.Element;
 
 export declare const Tabs: (props: ITabsProps) => JSX_2.Element;
 
-export declare const Tag: (props: ITagProps) => JSX_2.Element;
+export declare const Tag: {
+    (props: ITagProps): JSX_2.Element;
+    CheckableTag: (props: CheckableTagProps) => JSX_2.Element;
+};
 
 export declare const Timeline: (props: ITimelineProps) => JSX_2.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mparticle/aquarium",
-  "version": "1.4.2",
+  "version": "1.6.0",
   "description": "mParticle Component Library",
   "license": "Apache-2.0",
   "keywords": [
@@ -16,18 +16,18 @@
   "main": "dist/aquarium.mjs",
   "files": [
     "dist/aquarium.mjs",
-    "dist/index.d.ts"
+    "dist/index.d.ts",
+    "dist/_variables.css"
   ],
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "6.5.1",
     "@fortawesome/free-solid-svg-icons": "6.5.1",
-    "@fortawesome/react-fontawesome": "0.2.0",
-    "typescript": "5.3.3"
+    "@fortawesome/react-fontawesome": "0.2.0"
   },
   "peerDependencies": {
-    "antd": "5.13.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "antd": "<=5.13.2",
+    "react": "<=17.0.2",
+    "react-dom": "<=17.0.2"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "7.6.10",
@@ -42,10 +42,26 @@
     "@storybook/test": "7.6.10",
     "@storybook/test-runner": "0.16.0",
     "@storybook/testing-library": "0.2.2",
+    "@typescript-eslint/eslint-plugin": "6.19.0",
     "@vitejs/plugin-react": "4.2.1",
     "concurrently": "8.2.2",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-config-standard-with-typescript": "43.0.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-n": "16.6.2",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react-hooks": "4.6.0",
     "http-server": "14.1.1",
+    "husky": "8.0.3",
+    "prettier": "3.1.1",
     "storybook": "7.6.10",
+    "stylelint": "16.2.0",
+    "stylelint-config-recommended": "14.0.0",
+    "stylelint-config-standard": "36.0.0",
+    "stylelint-no-indistinguishable-colors": "2.1.0",
+    "typescript": "5.3.3",
     "vite": "5.0.12",
     "vite-plugin-dts": "3.7.1",
     "wait-on": "7.2.0"
@@ -56,10 +72,24 @@
     "@swc/core-linux-x64-musl": "1.3.104"
   },
   "scripts": {
+    "prepare": "husky install",
+    "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "test-storybook": "test-storybook",
     "test-storybook:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npm run build-storybook --quiet && NODE_NO_WARNINGS=1 npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && npm run test-storybook\"",
     "build-dist": "sh ./scripts/build-dist.sh",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "lint": "concurrently \"eslint --ext .ts,.tsx \"src/**/*.{ts,tsx}\"\" \"stylelint \"**/*.css\"\"",
+    "lint:fix": "concurrently \"eslint --ext .ts,.tsx \"src/**/*.{ts,tsx}\" --quiet --fix\" \"stylelint \"**/*.css\" --fix\"",
+    "tokens-to-css": "npx style-dictionary build --config ./style-dictionary.json"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,css}": [
+      "npm run lint:fix",
+      "prettier --write"
+    ],
+    "*.{json,yml,md}": [
+      "prettier --write"
+    ]
   }
 }