@openfin/ui-library 0.12.0-alpha.1678961199 → 0.12.0

package/dist/index.js.LICENSE.txt

@@ -5,12 +5,12 @@ object-assign
 */
 
 /*!
-* focus-trap 7.3.1
+* focus-trap 7.1.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 
 /*!
-* tabbable 6.1.1
+* tabbable 6.0.1
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.12.0-alpha.1678961199",
+  "version": "0.12.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "github:openfin/ui-library",
@@ -26,15 +26,14 @@
     "storybook:cache-clear": "rimraf ./node_modules/.cache/storybook"
   },
   "peerDependencies": {
+    "styled-components": "=>4.4.1 <6.0.0",
     "@modulz/radix-icons": "=>4.0.0 <5.0.0",
     "focus-trap-react": "=>10.0.1 <11.0.0",
     "framer-motion": "=>4.1.5 <5.0.0",
+    "tinycolor2": "=>1.4.2 <2.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"
+    "require-from-string": "=>2.0.2 <3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.6",
@@ -54,7 +53,6 @@
     "@types/lodash.defaultsdeep": "^4.6.7",
     "@types/node": "^18.0.0",
     "@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",
@@ -63,14 +61,12 @@
     "babel-loader": "^8.2.5",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
     "eslint": "^8.18.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest": "^26.5.3",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.30.0",
     "file-loader": "^6.2.0",
-    "identity-obj-proxy": "^3.0.0",
     "jest": "^28.1.2",
     "jest-environment-jsdom": "^28.1.2",
     "prettier": "^2.7.1",
@@ -170,9 +166,6 @@
     "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.ts"
     ],
-    "moduleNameMapper": {
-      "\\.(css)$": "<rootDir>/src/test/mocks/styleMock.js"
-    },
     "testEnvironment": "jsdom",
     "testMatch": [
       "<rootDir>/src/**/*.test.tsx"

package/dist/components/elements/Calendar/calendar.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export interface CalendarProps {
-    value: Date;
-    onChange?: (date: Date) => void;
-    onDismiss?: () => void;
-}
-export declare const Calendar: FC<CalendarProps>;

package/dist/components/elements/Calendar/index.d.ts

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

package/dist/components/elements/DropdownMenu/menu.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-export interface MenuOption {
-    title: string;
-    value: unknown;
-    iconUrl?: string;
-    overrideOnClick?: (value?: MenuOption) => void;
-}
-/**
- * The properties for the Menu component.
- */
-export interface MenuProps {
-    /**
-     * An array of options to be displayed in the menu. The outer array represents the rows of the menu, while the inner arrays represent the columns.
-     */
-    options: MenuOption[][];
-    /**
-     * The currently selected option in the menu.
-     */
-    selected?: MenuOption;
-    /**
-     * An ID to associate wrapper component with this Menu.
-     */
-    menuId?: string;
-    /**
-     * A function to be called to close the menu.
-     */
-    handleExpandMenu?: () => void;
-    /**
-     * A function to be called when an option in the menu is hovered over.
-     */
-    onOptionHover?: (value?: unknown) => void;
-    /**
-     * A function to be called when an option in the menu is selected/clicked.
-     */
-    onChange: (value: MenuOption) => void;
-    /**
-     * Whether the width of the menu should fit its contents
-     */
-    fitContent?: boolean;
-    /**
-     * The width of the menu, as a CSS string, default to 100% of the parent container.
-     */
-    width?: string;
-    /**
-     * The height of the menu, as a CSS string.
-     */
-    height?: string;
-    /**
-     * The text to be displayed as the header of the menu.
-     */
-    header?: string;
-    /**
-     * The currently focused option in the menu.
-     */
-    focusedOption?: MenuOption;
-    /**
-     * The menu should be positioned absolutely.
-     */
-    absolutePosition?: boolean;
-}
-export declare const Menu: React.FC<MenuProps>;
-export declare const ButtonImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/input/DateInput/dateInput.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEventHandler, MouseEventHandler } from 'react';
-import { BaseInputProps } from '../BaseInput';
-type DateTypeFormat = 'date' | 'time' | 'datetime-local';
-interface DateInputProps extends Omit<BaseInputProps, 'value' | 'type'> {
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onExpand?: MouseEventHandler<HTMLDivElement>;
-    expanded?: boolean;
-    value?: string;
-    type?: DateTypeFormat;
-}
-export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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

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

package/dist/hooks/useDropdownKeyboardNavigation.d.ts

@@ -1,16 +0,0 @@
-import { KeyboardEvent } from 'react';
-import { MenuOption } from '../components/elements/DropdownMenu';
-/**
- * Hook that handles keyboard navigation and type-to-select functionality of a dropdown menu and returns the focused option.
- *
- * @param {MenuOption[][]} options - An array of dropdown options, with each nested array representing a row of options.
- * @param {MenuOption} selected - The currently selected dropdown option.
- * @param {boolean} expandMenu - Whether the dropdown menu is expanded or not.
- * @param {(toggle?: boolean) => void} handleExpandMenu - Function to handle toggling the dropdown menu.
- * @param {(value: MenuOption) => void} onChange - Function to handle changing the selected option.
- * @returns {{ focusedOption: MenuOption, handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void }} - The currently focused option and a function to handle keydown events.
- */
-export declare const useDropdownKeyboardNavigation: (options: MenuOption[][], selected: MenuOption | undefined, expandMenu: boolean, handleExpandMenu: (toggle?: boolean) => void, onChange: (value: MenuOption) => void) => {
-    focusedOption: MenuOption;
-    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
-};