jamespot-react-components 1.0.256 → 1.0.258

package/build/src/components/Common/DashedFocusBorder.d.ts

@@ -3,12 +3,13 @@ export type DashedFocusBorderProps = {
     offset?: string;
     focusColor?: string;
 };
+export type DashedFocusBorderNormalProps = {
+    offset?: string;
+    color?: Colors;
+};
 /**
  * The HTML element this styled is applied to should be selectable
  * @props offset offset of the dashed focus border, default to 2px
  */
-export declare const DashedFocusBorder: (args?: {
-    offset?: string;
-    color?: Colors;
-}) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const DashedFocusBorder: (args?: DashedFocusBorderNormalProps) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const DashedFocusBorderAbsolute: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DashedFocusBorderProps, import("styled-components").DefaultTheme>>;

package/build/src/components/Common/DashedFocusBorder.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { DashedFocusBorderNormalProps, DashedFocusBorderProps } from './DashedFocusBorder';
+declare const meta: Meta;
+export default meta;
+export declare const CustomContainer: StoryFn<DashedFocusBorderNormalProps>;
+export declare const AbsoluteDashedBorder: StoryFn<DashedFocusBorderProps>;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.style.d.ts

@@ -318,9 +318,10 @@ export declare const IconBefore: import("styled-components").StyledComponent<({
 export declare const TimesIndicator: ({ onClick }: {
     onClick?: (() => void) | undefined;
 }) => React.JSX.Element;
-export declare const DropdownIndicator: ({ loading, open, onClick, sizeVariant, }: {
+export declare const DropdownIndicator: ({ loading, open, onClick, sizeVariant, disabled, }: {
     loading: boolean;
     open: boolean;
     onClick?: (() => void) | undefined;
     sizeVariant?: "s" | "md" | undefined;
+    disabled?: boolean | undefined;
 }) => React.JSX.Element;

package/build/src/components/JRCButton/JRCButton.stories.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { JRCButtonProps } from './JRCButton';
+import { JRCValidationButton, JRCValidationButtonProps } from './JRCValidationButton';
+import { Meta, StoryFn, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const ButtonWithChildren: StoryFn<JRCButtonProps>;
+export declare const ButtonWithLabel: StoryFn<JRCButtonProps>;
+export declare const AllButtons: () => React.JSX.Element;
+export declare const ValidationButton: StoryFn<JRCValidationButtonProps>;
+type Story = StoryObj<typeof JRCValidationButton>;
+export declare const ValidationButtonClicked: Story;
+export declare const ValidationButtonClickReset: Story;

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
+import type { JRCButtonDropdownProps } from './JRCButtonDropdown.types';
+declare const meta: Meta;
+export default meta;
+export declare const ButtonDropdown: StoryFn<JRCButtonDropdownProps>;

package/build/src/components/JRCHtml/JRCHtml.d.ts

@@ -7,6 +7,6 @@ export type JRCHtmlProps = LimitLinesProps & {
 };
 export declare const JRCHtml: React.ForwardRefExoticComponent<LimitLinesProps & {
     className?: string | undefined;
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "g" | "circle" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "g" | "filter" | "circle" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
     __html: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/build/src/components/JRCIcon/JRCIcon.stories.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { JRCIcon } from './JRCIcon';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof JRCIcon>;
+export declare const Primary: Story;
+export declare const AllIcons: () => React.JSX.Element;

package/build/src/components/JRCLoader/JRCLoader.stories.d.ts

@@ -0,0 +1,6 @@
+import { JRCLoaderProps } from './JRCLoader';
+import { Meta, StoryFn } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Spinner: StoryFn<JRCLoaderProps>;
+export declare const Skeleton: StoryFn<JRCLoaderProps>;

package/build/src/components/JRCTooltip/JRCTooltip.stories.d.ts

@@ -0,0 +1,11 @@
+import { JRCTooltip, JRCTooltipProps } from './JRCTooltip';
+import { Meta, StoryFn, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryFn<JRCTooltipProps>;
+export declare const SmallTooltip: StoryFn<JRCTooltipProps>;
+export declare const LargeTooltipWithTitle: StoryFn<JRCTooltipProps>;
+export declare const LargeTooltipWithoutTitle: StoryFn<JRCTooltipProps>;
+export declare const LargeTooltipWithButton: StoryFn<JRCTooltipProps>;
+type Story = StoryObj<typeof JRCTooltip>;
+export declare const TooltipWithButtonTest: Story;

package/build/src/components/JRCTypography/JRCTypography.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { JRCTypographyProps } from './JRCTypography.d';
+declare const meta: Meta;
+export default meta;
+export declare const Typography: StoryFn<JRCTypographyProps>;

package/build/src/styles/theme.d.ts

@@ -78,5 +78,6 @@ export type ThemeType = {
     };
 };
 export declare function getColor(theme: ThemeType, color: string): string;
+export declare const defaultColors: ThemeConfigOptions;
 declare const Theme: ITheme;
 export default Theme;

package/build/src/styles/utils.d.ts

@@ -7,8 +7,7 @@ export declare const HSBToRGB: (hue: number, saturation: number, brightness: num
 export declare const RGBToHSB: (r: number, g: number, b: number) => number[];
 export declare const hexToHSL: (H: any) => number[];
 export declare function hlsToHex(h: number, s: number, l: number): string[];
-export declare const hexAToHSLA: (H: any) => number[];
-export declare const RGBToHSL: (rgb: any) => number[];
+export declare const RGBToHSL: (rgb: string) => number[];
 declare const _default: {
     getLightShade: (hex: string, lightPercentage: number) => string;
     getDarkShade: (hex: string, darkPercentage: number) => string;

package/jest.config.ts

@@ -1,10 +1,11 @@
 // eslint-disable-next-line no-undef
 module.exports = {
     roots: ['<rootDir>'],
+    // TODO: do tests on utils files and usils misc and remove them from below
     testMatch: ['**/*.test.(ts|tsx)'],
     testEnvironment: 'jsdom',
     transform: {
-        '^.+\\.(ts|tsx)?$': 'ts-jest',
+        '^.+\\.(ts|tsx)?$': 'babel-jest',
         '\\.(svg|jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
             '<rootDir>/src/jest/fileMock.js',
     },
@@ -15,4 +16,6 @@ module.exports = {
     },
     cacheDirectory: './node_modules/.cache/jest',
     collectCoverage: true,
+    //TODO: remove misc from here too for coverage info
+    coveragePathIgnorePatterns: ['<rootDir>/node_modules/', '<rootDir>/src/utils/utils\\.misc\\.ts'],
 };

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.256",
+  "version": "1.0.258",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
+  "nyc": {
+    "sourceMap": false,
+    "instrument": false
+  },
   "keywords": [],
   "author": "",
   "devDependencies": {
@@ -14,12 +18,17 @@
     "@babel/preset-react": "^7.12.7",
     "@babel/preset-typescript": "^7.12.7",
     "@chromatic-com/storybook": "^3",
+    "@istanbuljs/nyc-config-typescript": "^1.0.2",
+    "@lcov-viewer/istanbul-report": "^1.4.0",
+    "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-coverage": "^1.0.5",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-links": "^8.6.12",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/react": "^8.6.12",
     "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test-runner": "^0.22.0",
     "@testing-library/dom": "^8.11.0",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.2",
@@ -46,8 +55,10 @@
     "@typescript-eslint/parser": "^5.4.0",
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.1",
+    "babel-plugin-istanbul": "^7.0.0",
     "babel-plugin-react-intl": "^8.1.1",
     "babel-plugin-styled-components": "^1.12.0",
+    "concurrently": "^9.1.2",
     "cross-env": "^6.0.3",
     "css-loader": "^4.2.1",
     "eslint": "^8.2.0",
@@ -59,20 +70,23 @@
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.3.1",
+    "jest": "^27.5.1",
     "jest-styled-components": "^7.0.3",
     "lint-staged": "^12.0.2",
+    "nyc": "^17.1.0",
     "prettier": "^2.4.1",
     "react-docgen-typescript-plugin": "^1.0.8",
     "react-test-renderer": "^17.0.1",
     "redux-form": "^8.3.8",
     "source-map-loader": "^1.0.1",
+    "storybook": "^8.6.12",
     "storybook-addon-react-docgen": "^1.2.44",
     "style-loader": "^1.2.1",
     "ts-jest": "^27.0.7",
     "ts-loader": "^8.0.2",
     "ts-node": "^10.3.0",
     "typescript": "^4.4.4",
+    "wait-on": "^8.0.3",
     "webpack": "^5.62.1",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.4.0"
@@ -82,7 +96,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.227",
+    "jamespot-user-api": "^1.0.229",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^14.0.4",
@@ -126,6 +140,7 @@
     "dev": "webpack --env NODE_ENV=development",
     "local": "webpack --env NODE_ENV=development WATCH=true",
     "build": "webpack --env NODE_ENV=production",
+    "build-storybook": "storybook build",
     "build-theme": "webpack --env NODE_ENV=theme",
     "build-dev-vm": "webpack --env NODE_ENV=development NODE_RUN=VM",
     "watch-dev-vm": "webpack --env NODE_ENV=development NODE_RUN=VM WATCH=true",
@@ -133,10 +148,12 @@
     "lint": "npx eslint ./src/ . --ext .ts,.tsx,.js",
     "lint:fix": "npx eslint ./src/ . --ext .ts,.tsx,.js --fix ",
     "lint:ci": "npx eslint --output-file eslint_report.json --format json . --ext .ts,.tsx,.js",
-    "test": "jest --updateSnapshot --runInBand",
-    "test:watch": "npm run test -- --watch --verbose",
     "storybook": "storybook dev -p 6006",
     "storybook-no-cache": "cross-env NODE_ENV=development STORYBOOK_MODE=true PUBLIC_PATH='' storybook dev -s ./.storybook/assets/ -c .storybook -p 3022 --no-manager-cache",
-    "build-storybook": "storybook build"
+    "test": "concurrently -k -s command-TEST -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm storybook --quiet --ci\" \"wait-on tcp:6006 && pnpm test:all\"",
+    "test:all": "cross-env NODE_ENV=test jest --runInBand --detectOpenHandles --logHeapUsage && test-storybook --maxWorkers=1 --coverage && cp coverage/storybook/coverage-storybook.json coverage && nyc report -t coverage --reporter=@lcov-viewer/istanbul-report --check-coverage --reporter=text --statements 100",
+    "test:clearJest": "jest --clearCache --detectOpenHandles --logHeapUsage",
+    "test:jest": "cross-env NODE_ENV=test jest --runInBand",
+    "test:storybook": "test-storybook --maxWorkers=4 --coverage"
   }
 }

package/build/src/components/Widgets/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/src/utils/utils.files.test.d.ts

@@ -1 +0,0 @@
-export {};