@openfin/ui-library 0.19.2-alpha.1687871109 → 0.20.0-alpha.1

package/package.json

@@ -1,184 +1,186 @@
-{
-  "name": "@openfin/ui-library",
-  "description": "OpenFin UI Component Library",
-  "version": "0.19.2-alpha.1687871109",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "repository": "github:openfin/ui-library",
-  "homepage": "https://cdn.openfin.co/workspace/storybook",
-  "files": [
-    "dist/**/*"
-  ],
-  "license": "SEE LICENSE IN LICENSE.MD",
-  "scripts": {
-    "start": "npm run storybook",
-    "typecheck": "npx tsc --noEmit",
-    "build": "npm run build:clean && npm run build:src",
-    "build:src": "webpack build --config webpack.config.js --mode production",
-    "build:clean": "rimraf dist",
-    "build:dev": "webpack build --config webpack.config.js --mode development && yalc push",
-    "test:ci": "jest",
-    "test": "jest --watch",
-    "lint": "npm run lint:typescript && npm run lint:styles",
-    "lint:typescript": "eslint \"./src/**/*.{ts,tsx}\"",
-    "lint:styles": "stylelint \"./src/**/*.{ts,tsx}\"",
-    "storybook": "storybook dev -p 6006 -s public",
-    "storybook:build": "storybook build -s public",
-    "storybook:cache-clear": "rimraf ./node_modules/.cache/storybook"
-  },
-  "peerDependencies": {
-    "@modulz/radix-icons": "=>4.0.0 <5.0.0",
-    "focus-trap-react": "=>10.0.1 <11.0.0",
-    "framer-motion": "=>4.1.5 <7.0.0",
-    "react": "=>17.0.1 <18.0.0",
-    "react-calendar": "=>4.0.0 <5.0.0",
-    "react-dom": "=>17.0.1 <18.0.0",
-    "require-from-string": "=>2.0.2 <3.0.0",
-    "styled-components": "=>4.4.1 <6.0.0",
-    "tinycolor2": "=>1.4.2 <2.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@storybook/addon-actions": "^7.0.12",
-    "@storybook/addon-essentials": "^7.0.12",
-    "@storybook/addon-interactions": "^7.0.12",
-    "@storybook/addon-links": "^7.0.12",
-    "@storybook/node-logger": "^7.0.12",
-    "@storybook/react": "^7.0.12",
-    "@storybook/react-webpack5": "^7.0.12",
-    "@testing-library/dom": "^8.14.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.2.1",
-    "@types/jest": "^28.1.3",
-    "@types/lodash.defaultsdeep": "^4.6.7",
-    "@types/node": "^18.15.12",
-    "@types/react": "^17.0.3",
-    "@types/react-calendar": "^3.9.0",
-    "@types/react-dom": "^17.0.2",
-    "@types/styled-components": "^5.1.25",
-    "@types/tinycolor2": "^1.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.59.6",
-    "@typescript-eslint/parser": "^5.59.6",
-    "babel-loader": "^8.2.5",
-    "copy-webpack-plugin": "^11.0.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
-    "eslint": "^8.40.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "file-loader": "^6.2.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^28.1.2",
-    "jest-environment-jsdom": "^28.1.2",
-    "postcss-styled-syntax": "^0.4.0",
-    "prettier": "^2.8.8",
-    "react-is": "^17.0.2",
-    "react-refresh": "^0.14.0",
-    "rimraf": "^5.0.0",
-    "storybook": "^7.0.11",
-    "storybook-addon-performance": "^0.17.1",
-    "stylelint": "^15.6.1",
-    "stylelint-config-recommended": "^12.0.0",
-    "ts-jest": "^28.0.5",
-    "ts-loader": "^9.3.1",
-    "typescript": "^5.0.4",
-    "webpack": "^5.82.1",
-    "webpack-cli": "^5.1.1"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:@typescript-eslint/recommended",
-      "prettier",
-      "eslint:recommended",
-      "plugin:react/recommended",
-      "plugin:jest/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "project": "./*/tsconfig.json"
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "jest"
-    ],
-    "rules": {
-      "@typescript-eslint/ban-types": [
-        "error",
-        {
-          "types": {
-            "Function": false
-          },
-          "extendDefaults": true
-        }
-      ],
-      "dot-notation": "error",
-      "react/prop-types": "off",
-      "react/jsx-uses-react": "off",
-      "react/react-in-jsx-scope": "off",
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": "error",
-      "@typescript-eslint/no-explicit-any": "error"
-    },
-    "globals": {
-      "JSX": "readonly"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "env": {
-      "browser": true,
-      "node": true
-    }
-  },
-  "stylelint": {
-    "customSyntax": "postcss-styled-syntax",
-    "extends": [
-      "stylelint-config-recommended"
-    ],
-    "rules": {
-      "no-empty-source": null
-    }
-  },
-  "prettier": {
-    "endOfLine": "lf",
-    "semi": true,
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "arrowParens": "always",
-    "printWidth": 100
-  },
-  "jest": {
-    "preset": "ts-jest",
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "moduleNameMapper": {
-      "\\.(css)$": "<rootDir>/src/test/mocks/styleMock.js"
-    },
-    "testEnvironment": "jsdom",
-    "testMatch": [
-      "<rootDir>/src/**/*.test.tsx",
-      "<rootDir>/src/**/*.test.ts",
-      "<rootDir>/src/**/*.spec.ts",
-      "<rootDir>/src/**/*.spec.tsx"
-    ]
-  }
-}
+{
+  "name": "@openfin/ui-library",
+  "description": "OpenFin UI Component Library",
+  "version": "0.20.0-alpha.1",
+  "author": "OpenFin Inc.",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": "github:openfin/ui-library",
+  "homepage": "https://cdn.openfin.co/workspace/storybook",
+  "files": [
+    "dist/**/*"
+  ],
+  "license": "SEE LICENSE IN LICENSE.MD",
+  "scripts": {
+    "start": "npm run storybook",
+    "typecheck": "npx tsc --noEmit",
+    "build": "npm run build:clean && npm run build:src",
+    "build:src": "webpack build --config webpack.config.js --mode production",
+    "build:clean": "rimraf dist",
+    "build:dev": "webpack build --config webpack.config.js --mode development && yalc push",
+    "test:ci": "jest",
+    "test": "jest --watch",
+    "lint": "npm run lint:typescript && npm run lint:styles",
+    "lint:typescript": "eslint \"./src/**/*.{ts,tsx}\"",
+    "lint:styles": "stylelint \"./src/**/*.{ts,tsx}\"",
+    "storybook": "storybook dev -p 6006 -s public",
+    "storybook:build": "storybook build -s public",
+    "storybook:cache-clear": "rimraf ./node_modules/.cache/storybook"
+  },
+  "peerDependencies": {
+    "@modulz/radix-icons": "=>4.0.0 <5.0.0",
+    "focus-trap-react": "=>10.0.1 <11.0.0",
+    "framer-motion": "=>4.1.5 <7.0.0",
+    "react": "=>17.0.1 <18.0.0",
+    "react-calendar": "=>4.0.0 <5.0.0",
+    "react-dom": "=>17.0.1 <18.0.0",
+    "require-from-string": "=>2.0.2 <3.0.0",
+    "styled-components": "=>4.4.1 <6.0.0",
+    "tinycolor2": "=>1.4.2 <2.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.6",
+    "@storybook/addon-actions": "^7.0.12",
+    "@storybook/addon-essentials": "^7.0.12",
+    "@storybook/addon-interactions": "^7.0.12",
+    "@storybook/addon-links": "^7.0.12",
+    "@storybook/node-logger": "^7.0.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-webpack5": "^7.0.12",
+    "@testing-library/dom": "^8.14.0",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.2.1",
+    "@types/jest": "^28.1.3",
+    "@types/lodash.defaultsdeep": "^4.6.7",
+    "@types/node": "^18.15.12",
+    "@types/react": "^17.0.3",
+    "@types/react-calendar": "^3.9.0",
+    "@types/react-dom": "^17.0.2",
+    "@types/styled-components": "^5.1.25",
+    "@types/tinycolor2": "^1.4.3",
+    "@typescript-eslint/eslint-plugin": "^5.59.6",
+    "@typescript-eslint/parser": "^5.59.6",
+    "babel-loader": "^8.2.5",
+    "copy-webpack-plugin": "^11.0.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.7.3",
+    "eslint": "^8.40.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-jest": "^27.2.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "file-loader": "^6.2.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^28.1.2",
+    "jest-environment-jsdom": "^28.1.2",
+    "postcss-styled-syntax": "^0.4.0",
+    "prettier": "^2.8.8",
+    "react-is": "^17.0.2",
+    "react-refresh": "^0.14.0",
+    "rimraf": "^5.0.0",
+    "storybook": "^7.0.11",
+    "storybook-addon-performance": "^0.17.1",
+    "stylelint": "^15.6.1",
+    "stylelint-config-recommended": "^12.0.0",
+    "ts-jest": "^28.0.5",
+    "ts-loader": "^9.3.1",
+    "typescript": "^5.0.4",
+    "webpack": "^5.82.1",
+    "webpack-cli": "^5.1.1",
+    "webpack-node-externals": "^3.0.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:@typescript-eslint/recommended",
+      "prettier",
+      "eslint:recommended",
+      "plugin:react/recommended",
+      "plugin:jest/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "project": "./*/tsconfig.json"
+    },
+    "plugins": [
+      "@typescript-eslint",
+      "jest"
+    ],
+    "rules": {
+      "@typescript-eslint/ban-types": [
+        "error",
+        {
+          "types": {
+            "Function": false
+          },
+          "extendDefaults": true
+        }
+      ],
+      "dot-notation": "error",
+      "react/prop-types": "off",
+      "react/jsx-uses-react": "off",
+      "react/react-in-jsx-scope": "off",
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": "error",
+      "@typescript-eslint/no-explicit-any": "error"
+    },
+    "globals": {
+      "JSX": "readonly"
+    },
+    "settings": {
+      "react": {
+        "version": "detect"
+      }
+    },
+    "env": {
+      "browser": true,
+      "node": true
+    }
+  },
+  "stylelint": {
+    "customSyntax": "postcss-styled-syntax",
+    "extends": [
+      "stylelint-config-recommended"
+    ],
+    "rules": {
+      "no-empty-source": null
+    }
+  },
+  "prettier": {
+    "endOfLine": "lf",
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "arrowParens": "always",
+    "printWidth": 100
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "moduleNameMapper": {
+      "\\.(css)$": "<rootDir>/src/test/mocks/styleMock.js"
+    },
+    "testEnvironment": "jsdom",
+    "testMatch": [
+      "<rootDir>/src/**/*.test.tsx",
+      "<rootDir>/src/**/*.test.ts",
+      "<rootDir>/src/**/*.spec.ts",
+      "<rootDir>/src/**/*.spec.tsx"
+    ]
+  }
+}

package/dist/components/controls/ClickableNavigation/clickableNavigation.d.ts

@@ -1,11 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type ClickableNavigationButtonProps = {
-    onClick?: () => void;
-    children?: ReactNode;
-};
-export type ClickableNavigationLinkProps = {
-    to?: string;
-    children?: ReactNode;
-};
-export declare const ClickableNavigationLink: FC<ClickableNavigationLinkProps>;
-export declare const ClickableNavigationButton: FC<ClickableNavigationButtonProps>;

package/dist/components/controls/ClickableNavigation/index.d.ts

@@ -1 +0,0 @@
-export * from './clickableNavigation';

package/dist/components/controls/CollapsibleCard/cardContainer.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type CardContainerProps = {
-    maxHeight: number | string;
-    children: ReactNode;
-};
-export declare const CardContainer: FC<CardContainerProps>;

package/dist/components/controls/CollapsibleCard/collapsibleCard.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type CollapsibleCardProps = {
-    title: string | ReactNode;
-    badgeText?: number;
-    maxHeight?: number;
-    fixedHeader?: boolean;
-    children: ReactNode;
-    expanded?: boolean;
-};
-export declare const CollapsibleCard: FC<CollapsibleCardProps>;

package/dist/components/controls/CollapsibleCard/index.d.ts

@@ -1 +0,0 @@
-export * from './collapsibleCard';

package/dist/components/input/CheckboxGroup/checkboxGroup.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { UnitPxType } from '../../system/ThemeProvider';
-export type CheckboxGroupProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    gap?: UnitPxType;
-    message?: string;
-};
-export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;

package/dist/components/input/CheckboxGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './checkboxGroup';

package/dist/components/input/TextArea/index.d.ts

@@ -1 +0,0 @@
-export * from './textArea';

package/dist/components/input/TextArea/textArea.d.ts

@@ -1,8 +0,0 @@
-import { InputHTMLAttributes, ChangeEvent } from 'react';
-import { WithStatusProps } from '../../system/HOC';
-export type TextAreaProps = InputHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: (e?: ChangeEvent<HTMLTextAreaElement>) => void;
-} & WithStatusProps;
-export declare const TextArea: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: ((e?: ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
-} & WithStatusProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/layout/HamburgerNavigation/hamburgerNavigation.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type HamburgerNavigationProps = {
-    children: (closeFunction: () => void) => ReactNode;
-    document?: Document;
-};
-export type HamburgerIconProps = {
-    open?: boolean;
-};
-/**
- * - Sidebar Menu opens and closes on Hamburger Icon click and when the user selects items from sidebar menu
- */
-export declare const HamburgerNavigation: FC<HamburgerNavigationProps>;
-export declare const StyledHamburgerIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, HamburgerIconProps, never>;

package/dist/components/layout/HamburgerNavigation/index.d.ts

@@ -1,2 +0,0 @@
-export * from './hamburgerNavigation';
-export * from './sidebarMenu';

package/dist/components/layout/HamburgerNavigation/sidebarMenu.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-export type SidebarMenuProps = {
-    open?: boolean;
-    children: ReactNode;
-    document?: Document;
-};
-export type SidebarMenuContainerProps = {
-    open?: boolean;
-};
-export declare const SidebarMenu: ({ open, children, document }: SidebarMenuProps) => JSX.Element;
-export declare const StyledSidebarMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SidebarMenuContainerProps, never>;
-export declare const StyledMenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/index.js.LICENSE.txt

@@ -1,24 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/*!
-* focus-trap 7.3.1
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-
-/*!
-* tabbable 6.1.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */