@equinor/eds-core-react 0.19.0 → 0.20.0

package/dist/types/components/Autocomplete/Option.d.ts

@@ -0,0 +1,15 @@
+import { LiHTMLAttributes } from 'react';
+export declare type AutocompleteOptionProps = {
+    value: string;
+    multiple: boolean;
+    highlighted: string;
+    isSelected: boolean;
+    isDisabled?: boolean;
+} & LiHTMLAttributes<HTMLLIElement>;
+export declare const AutocompleteOption: import("react").ForwardRefExoticComponent<{
+    value: string;
+    multiple: boolean;
+    highlighted: string;
+    isSelected: boolean;
+    isDisabled?: boolean;
+} & LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;

package/dist/types/components/Autocomplete/index.d.ts

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

package/dist/types/components/Menu/MenuItem.d.ts

@@ -9,7 +9,7 @@ export declare type MenuItemProps = {
     /** onClick handler */
     onClick?: (e: React.MouseEvent) => void;
 } & React.HTMLAttributes<HTMLButtonElement>;
-export declare const MenuItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+export declare const MenuItem: import("react").ForwardRefExoticComponent<{
     /** @ignore */
     index?: number;
     /** Is active */
@@ -18,4 +18,4 @@ export declare const MenuItem: import("react").MemoExoticComponent<import("react
     disabled?: boolean;
     /** onClick handler */
     onClick?: (e: React.MouseEvent) => void;
-} & import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>>;
+} & import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Select/MultiSelect/MultiSelect.d.ts

@@ -23,6 +23,7 @@ export declare type MultiSelectProps = {
      */
     handleSelectedItemsChange?: (changes: UseMultipleSelectionStateChange<string>) => void;
 } & SelectHTMLAttributes<HTMLSelectElement>;
+/** @deprecated Use `<Autocomplete multiple />` instead. */
 export declare const MultiSelect: import("react").ForwardRefExoticComponent<{
     /** List of options to choose from */
     items: string[];

package/dist/types/components/Select/SingleSelect/SingleSelect.d.ts

@@ -23,6 +23,7 @@ export declare type SingleSelectProps = {
      */
     handleSelectedItemChange?: (changes: UseComboboxStateChange<string>) => void;
 } & SelectHTMLAttributes<HTMLSelectElement>;
+/** @deprecated Use `<Autocomplete />` instead */
 export declare const SingleSelect: import("react").ForwardRefExoticComponent<{
     /** List of options to choose from */
     items: string[];

package/dist/types/components/Slider/Slider.d.ts

@@ -1,15 +1,15 @@
-import { HTMLAttributes, MouseEvent, KeyboardEvent, FormEvent } from 'react';
+import { HTMLAttributes, MouseEvent, KeyboardEvent, ChangeEvent } from 'react';
 export declare type SliderProps = {
-    /** Id for the elements that labels this slider */
-    ariaLabelledby: string;
+    /** Id for the elements that labels this slider (NOTE: will be deprecated and removed in a future version of EDS, please use the native aria-labelledby instead) */
+    ariaLabelledby?: string;
     /** Components value, range of numbers */
     value: number[] | number;
     /** Function to be called when value change */
-    onChange?: (event: FormEvent<HTMLDivElement>, newValue: number[] | number) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, newValue: number[] | number) => void;
     /** Function to be called when value is committed by mouseup event */
     onChangeCommitted?: (event: MouseEvent | KeyboardEvent, newValue: number[] | number) => void;
     /** Function for formatting the output, e.g. with dates */
-    outputFunction?: (text: number) => string | number;
+    outputFunction?: (text: number) => string;
     /** Max value */
     max?: number;
     /**  Min value */
@@ -24,16 +24,16 @@ export declare type SliderProps = {
     disabled?: boolean;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
 export declare const Slider: import("react").ForwardRefExoticComponent<{
-    /** Id for the elements that labels this slider */
-    ariaLabelledby: string;
+    /** Id for the elements that labels this slider (NOTE: will be deprecated and removed in a future version of EDS, please use the native aria-labelledby instead) */
+    ariaLabelledby?: string;
     /** Components value, range of numbers */
     value: number[] | number;
     /** Function to be called when value change */
-    onChange?: (event: FormEvent<HTMLDivElement>, newValue: number[] | number) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, newValue: number[] | number) => void;
     /** Function to be called when value is committed by mouseup event */
     onChangeCommitted?: (event: MouseEvent | KeyboardEvent, newValue: number[] | number) => void;
     /** Function for formatting the output, e.g. with dates */
-    outputFunction?: (text: number) => string | number;
+    outputFunction?: (text: number) => string;
     /** Max value */
     max?: number;
     /**  Min value */

package/dist/types/components/Slider/SliderInput.d.ts

@@ -2,12 +2,6 @@ import { InputHTMLAttributes } from 'react';
 export declare const SliderInput: import("react").ForwardRefExoticComponent<{
     /** Slider value */
     value: number;
-    /** Change function , this is a controlled component */
-    onChange: (event: MouseEvent | KeyboardEvent) => void;
-    /**  Mouse up handler */
-    onMouseUp: (event: MouseEvent) => void;
-    /** Key up handler */
-    onKeyUp: (event: KeyboardEvent) => void;
     /** Min value */
     min: number;
     /** Max value */

package/dist/types/index.d.ts

@@ -33,3 +33,4 @@ export * from './components/Radio';
 export * from './components/Switch';
 export * from './components/EdsProvider';
 export * from './components/Paper';
+export * from './components/Autocomplete';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -31,48 +31,53 @@
     "react"
   ],
   "devDependencies": {
-    "@babel/cli": "^7.17.6",
-    "@babel/core": "^7.17.8",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.17.10",
+    "@babel/plugin-transform-runtime": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^19.0.2",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@storybook/addon-a11y": "^6.4.18",
-    "@storybook/addon-actions": "^6.4.18",
-    "@storybook/addon-docs": "^6.4.18",
-    "@storybook/addon-essentials": "^6.4.18",
-    "@storybook/addon-links": "^6.4.18",
-    "@storybook/client-api": "^6.4.18",
-    "@storybook/react": "^6.4.18",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^26.0.24",
-    "@types/ramda": "^0.27.64",
-    "@types/react": "^17.0.43",
-    "@types/react-dom": "^17.0.14",
-    "@types/styled-components": "^5.1.24",
-    "@types/testing-library__jest-dom": "^5.14.2",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-styled-components": "^1.13.3",
-    "jest": "^27.4.7",
+    "@mdx-js/react": "1.6.22",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@storybook/addon-a11y": "^6.4.22",
+    "@storybook/addon-actions": "^6.4.22",
+    "@storybook/addon-docs": "^6.4.22",
+    "@storybook/addon-essentials": "^6.4.22",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/client-api": "^6.4.22",
+    "@storybook/react": "^6.4.22",
+    "@testing-library/dom": "^8.13.0",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "12.1.2",
+    "@testing-library/react-hooks": "7.0.2",
+    "@testing-library/user-event": "13.5.0",
+    "@types/jest": "^27.5.0",
+    "@types/ramda": "^0.28.12",
+    "@types/react": "^17.0.44",
+    "@types/react-dom": "^17.0.16",
+    "@types/styled-components": "^5.1.25",
+    "@types/testing-library__jest-dom": "^5.14.3",
+    "babel-loader": "^8.2.5",
+    "babel-plugin-styled-components": "^2.0.7",
+    "jest": "^28.0.3",
+    "jest-environment-jsdom": "^28.0.2",
     "jest-styled-components": "^7.0.8",
     "js-file-download": "^0.4.12",
-    "postcss": "^8.4.6",
-    "ramda": "^0.27.2",
+    "postcss": "^8.4.13",
+    "ramda": "^0.28.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-hook-form": "^7.26.0",
-    "rollup": "^2.67.0",
+    "react-hook-form": "^7.30.0",
+    "react-is": "^18.1.0",
+    "rollup": "^2.72.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "styled-components": "5.3.0",
-    "tsc-watch": "^4.6.0",
-    "typescript": "^4.6.3"
+    "styled-components": "5.3.5",
+    "tsc-watch": "^5.0.3",
+    "typescript": "^4.6.4",
+    "webpack": "^5.72.0"
   },
   "peerDependencies": {
     "react": ">=16.8",
@@ -80,10 +85,10 @@
     "styled-components": ">=4.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.8",
-    "@equinor/eds-icons": "0.10.0",
-    "@equinor/eds-tokens": "0.7.0",
-    "@equinor/eds-utils": "0.2.1",
+    "@babel/runtime": "^7.17.9",
+    "@equinor/eds-icons": "0.10.0-dev.202205096",
+    "@equinor/eds-tokens": "0.7.0-dev.202205096",
+    "@equinor/eds-utils": "0.2.2",
     "@popperjs/core": "2.9.2",
     "downshift": "^6.1.7",
     "react-fast-compare": "3.2.0",
@@ -100,8 +105,8 @@
     "test:watch": "tsc-watch -p tsconfig.test.json --onFirstSuccess  \"jest --watch\"",
     "test:update-snapshots": "jest --updateSnapshot",
     "storybook": "start-storybook -p 9000 --ci",
-    "build:storybook": "build-storybook -o storybook-build"
+    "build:storybook": "build-storybook -o storybook-build",
+    "types": "tsc"
   },
-  "module": "dist/esm/index.js",
-  "readme": "# @equinor/eds-core-react\n\nAvailable components to help style your React application as an Equinor application. We publish new components regularly so make sure to check back often!\n\nMake sure to check out our [Storybook](https://eds-storybook-react.azurewebsites.net/) for more examples!\nRead the [changelog](https://github.com/equinor/design-system/blob/develop/packages/eds-core-react/CHANGELOG.md) for details on specific releases.\n\n## Installation\n\n```sh\nnpm install @equinor/eds-core-react styled-components\n```\nIf you use Typescript, make sure you have typescript >= 3.8 as a devDependency:\n```sh\nnpm install typescript --save-dev\n```\n\n## Usage\n\n```jsx\nimport * as React from 'react'\nimport { render } from 'react-dom'\nimport { Button, Typography } from '@equinor/eds-core-react'\n\nconst App = () => (\n  <>\n    <Typography variant=\"h1\" bold>Buttons</Typography>\n\n    <Typography variant=\"h2\">Contained (default)</Typography>\n\n    <Button>Primary</Button>\n    <Button color=\"secondary\">Secondary</Button>\n    <Button color=\"danger\">Danger</Button>\n    <Button disabled>Disabled</Button>\n\n    <Typography variant=\"h2\">Outlined</Typography>\n\n    <Button variant=\"outlined\">Primary</Button>\n    <Button variant=\"outlined\" color=\"secondary\">Secondary</Button>\n    <Button variant=\"outlined\" color=\"danger\">Danger</Button>\n    <Button variant=\"outlined\" disabled>Disabled</Button>\n\n    <Typography variant=\"h2\">Ghost</Typography>\n\n    <Button variant=\"ghost\">Primary</Button>\n    <Button variant=\"ghost\" color=\"secondary\">Secondary</Button>\n    <Button variant=\"ghost\" color=\"danger\">Danger</Button>\n    <Button variant=\"ghost\" disabled>Disabled</Button>\n  </>\n)\n\nrender(<App />, document.getElementById('root'))\n```\n\n\n## Components\n\n### Available ✅\n\n- Accordion\n- Banner\n- Breadcrumbs\n- Button\n- Cards\n- Chips\n- Dialog\n- Divider\n- Icon\n- List\n- Menu\n- Pagination\n- Popover\n- Progress indicators\n- Scrim\n- Search\n- Select (Native Select)\n- Single Select\n- Multi Select\n- Selection Controls\n- Side Sheet\n- Slider\n- Snackbar\n- Table\n- Table of contents\n- Tabs\n- TextField\n- Tooltip\n- TopBar\n- Typography\n\n### In progress 👷‍♀️\n\n- Navigation Drawer\n\n### TODO 🛠️\n\n- App launcher\n- Stepper\n\n"
+  "module": "dist/esm/index.js"
 }