@equinor/fusion-react-searchable-dropdown 0.1.0

package/README.md

@@ -0,0 +1,133 @@
+<!--prettier-ignore-start-->
+# @equinor/fusion-react-searchable-dropdown
+
+[![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-react-searchable-dropdown.svg)](https://www.npmjs.com/package/@equinor/fusion-react-searchable-dropdown)
+
+[Storybook](https://equinor.github.io/fusion-react-components/?path=/docs/data-searchabledropdown)
+
+[Fusion Web Component](https://github.com/equinor/fusion-web-components/tree/main/packages/searchable-dropdown)
+
+### Installation
+
+```sh
+npm install @equinor/fusion-react-searchable-dropdown
+```
+
+### Example Usage
+
+```tsx
+import { SearchableDropdown, SearchableDropdownChangeEvent } from '@equinor/fusion-react-searchable-dropdown';
+const Component = ({value}: ComponentProps) => {
+  const [txt, setTxt] = useState(value);
+  const onChange = useCallback(
+    (e: SearchableDropdownChangeEvent) => setTxt(e.target.value ?? ''),
+    [setTxt]
+  );
+  return (
+    <div>
+      <SearchableDropdown onChange={onChange} />
+      <span>Value: {txt}</span>
+    </div>
+  );
+};
+```
+
+### Properties/Attributes
+
+Name                      | Type                            | Description
+------------------------- | -----------------------------   | -----------
+`value`                   | `string`                        | The input control's value.
+`type`                    | `SearchableDropdownType*`                | A string specifying the type of control to render.
+`variant`                 | `SearchableDropdownVariant**`            | Input style variant to render.
+`label`                   | `string`                        | Sets floating label value.
+`placeholder`             | `string`                        | Sets disappearing input placeholder.
+`prefix`                  | `string`                        | Prefix text to display before the input.
+`suffix`                  | `string`                        | Suffix text to display after the input.
+`icon`                    | `IconName***`                   | Leading icon to display in input. See [`fwc-icon`](https://github.com/equinor/fusion-web-components/tree/main/packages/icon).
+`iconTrailing`            | `IconName***`                   | Trailing icon to display in input. See [`fwc-icon`](https://github.com/equinor/fusion-web-components/tree/main/packages/icon).
+`disabled`                | `boolean`                       | Whether or not the input should be disabled.
+`charCounter`             | `boolean | SearchableDropdownCharCounter****`| **Note: requries `maxLength` to be set.** Display character counter with max length.
+`helper`                  | `string`                        | Helper text to display below the input. Display default only when focused.
+`helperPersistent`        | `boolean`                       | Always show the helper text despite focus.
+`required`                | `boolean`                       | Displays error state if value is empty and input is blurred.
+`maxLength`               | `number`                        | Maximum length to accept input.
+`validationMessage`       | `string`                        | Message to show in the error color when the searchable-dropdown is invalid. (Helper text will not be visible)
+`pattern`                 | `string`                        | [`HTMLInputElement.prototype.pattern`](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes) (empty string will unset attribute)
+`min`                     | `number`\|`string`              | [`HTMLInputElement.prototype.min`](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes) (empty string will unset attribute)
+`max`                     | `number`\|`string`              | [`HTMLInputElement.prototype.max`](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes) (empty string will unset attribute)
+`size`                    | `number`\|`null`                | [`HTMLInputElement.prototype.size`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefsize) (null will unset attribute)
+`step`                    | `number`\|`null`                | [`HTMLInputElement.prototype.step`](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation#Validation-related_attributes) (null will unset attribute)
+`autoValidate`            | `boolean`                       | Reports validity on value change rather than only on blur.
+`validity`                | `ValidityState` (readonly)      | The [`ValidityState`](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState) of the searchable-dropdown.
+`willValidate`            | `boolean` (readonly)            | [`HTMLInputElement.prototype.willValidate`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#Properties)
+`validityTransform`       | `ValidityTransform*****`\|`null`  | Callback called before each validation check. See the [validation section](#Validation) for more details.
+`validateOnInitialRender` | `boolean`                       | Runs validation check on initial render.
+`name`                    | `string`                        | Sets the `name` attribute on the internal input.\*\*\*
+
+\*  `SearchableDropdownType` is exported by `SearchableDropdown`.
+
+```ts
+type SearchableDropdownType = 'text'|'search'|'tel'|'url'|'email'|'password'|
+    'date'|'month'|'week'|'time'|'datetime-local'|'number'|'color';
+```
+
+\*\*  `SearchableDropdownVariant` is exported by `SearchableDropdown`.
+
+```ts
+export type SearchableDropdownVariant = 'filled' | 'outlined';
+```
+
+\*\*\* `IconName` is exported by `fwc-icon`.
+
+```ts
+type IconName = keyof typeof edsIcons | string;
+```
+
+\*\*\*\* `SearchableDropdownCharCounter` is exported by `SearchableDropdown`.
+
+```ts
+type SearchableDropdownCharCounter = 'external' | 'internal';
+```
+
+\*\*\*\*\* `ValidityTransform` is exported by `SearchableDropdown`.
+
+```ts
+type ValidityTransform = (value: string, nativeValidity: ValidityState) => Partial<ValidityState>
+```
+
+\*\*\*\*\*\* The `name` property should only be used for browser autofill as webcomponent form participation does not currently consider the `name` attribute. See [#289](https://github.com/material-components/material-components-web-components/issues/289).
+
+### Methods
+
+| Name     | Description
+| -------- | -------------
+| `checkValidity() => boolean`   | Returns `true` if the searchable-dropdown passes validity checks. Returns `false` and fires an [`invalid`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) event on the searchable-dropdown otherwise. <br>**NOTE:** When accessing any property or function that checks validity at searchable-dropdown initial boot up, you may have to await `<SearchableDropdown>.updateComplete`.
+| `reportValidity() => boolean`   | Runs `checkValidity()` method, and if it returns false, then it reports to the user that the input is invalid.
+| `setCustomValidity(message:string) => void`   | Sets a custom validity message (also overwrites `validationMessage`). If this message is not the empty string, then the element is suffering from a custom validity error and does not validate.
+| `layout() => Promise<void>`   | Re-calculate layout. If a searchable-dropdown is styled with `display:none` before it is first rendered, and it has a label that is floating, then you must call `layout()` the first time you remove `display:none`, or else the notch surrounding the label will not render correctly.
+
+### Validation
+
+`<SearchableDropdown>` follows the basic `<input>` [constraint validation model](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation).
+It exposes:
+
+* `required`
+* `maxLength`
+* `pattern`
+* `min`
+* `max`
+* `step`
+* `validity`
+* `willValidate`
+* `checkValidity()`
+* `reportValidity()`
+* `setCustomValidity(message)`
+
+Additionally, it implements more features such as:
+
+* `validationMessage`
+* `validateOnInitialRender`
+* and `validityTransform`
+
+By default, `<SearchableDropdown>` will report validation on `blur`.
+<!--prettier-ignore-end-->

package/dist/Dropdown.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SearchableDropdownElement } from '@equinor/fusion-wc-searchable-dropdown';
+import { ComponentProps } from '@equinor/fusion-react-utils';
+declare type ElementAttributes = Partial<Pick<SearchableDropdownElement, 'label' | 'placeholder' | 'variant' | 'meta' | 'selected' | 'initialText' | 'trailingIcon'>>;
+declare type ElementEvents = {
+    onAction?: (e: Event) => void;
+};
+declare type ElementProps = ElementAttributes & ElementEvents;
+export declare type DropdownProps = ComponentProps<SearchableDropdownElement, ElementProps>;
+export declare const Dropdown: import("react").ForwardRefExoticComponent<import("@equinor/fusion-react-utils").ComponentAttributes<SearchableDropdownElement> & Partial<Pick<SearchableDropdownElement, "label" | "placeholder" | "variant" | "meta" | "selected" | "initialText" | "trailingIcon">> & ElementEvents & import("react").RefAttributes<SearchableDropdownElement>>;
+export default Dropdown;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAE9E,aAAK,iBAAiB,GAAG,OAAO,CAC9B,IAAI,CACF,yBAAyB,EACzB,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,cAAc,CAC3F,CACF,CAAC;AAEF,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,aAAK,YAAY,GAAG,iBAAiB,GAAG,aAAa,CAAC;AAEtD,oBAAY,aAAa,GAAG,cAAc,CAAC,yBAAyB,EAAE,YAAY,CAAC,CAAC;AAEpF,eAAO,MAAM,QAAQ,mVAIpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Dropdown.js

@@ -0,0 +1,6 @@
+/* eslint-disable react/no-multi-comp */
+import { SearchableDropdownElement } from '@equinor/fusion-wc-searchable-dropdown';
+import { createComponent } from '@equinor/fusion-react-utils';
+export const Dropdown = createComponent(SearchableDropdownElement, 'fwc-searchable-dropdown', { events: { onAction: 'action' } });
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAkB,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAiB9E,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CACrC,yBAAyB,EACzB,yBAAyB,EACzB,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CACnC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/DropdownProvider.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SearchableDropdownProviderElement } from '@equinor/fusion-wc-searchable-dropdown';
+export declare const DropdownProvider: import("react").ForwardRefExoticComponent<Pick<import("@equinor/fusion-react-utils").ComponentAttributes<SearchableDropdownProviderElement> & Record<string, unknown>, string> & import("react").RefAttributes<SearchableDropdownProviderElement>>;
+export default DropdownProvider;
+//# sourceMappingURL=DropdownProvider.d.ts.map

package/dist/DropdownProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownProvider.d.ts","sourceRoot":"","sources":["../src/DropdownProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAG3F,eAAO,MAAM,gBAAgB,oPAAyF,CAAC;AAEvH,eAAe,gBAAgB,CAAC"}

package/dist/DropdownProvider.js

@@ -0,0 +1,6 @@
+/* eslint-disable react/no-multi-comp */
+import { SearchableDropdownProviderElement } from '@equinor/fusion-wc-searchable-dropdown';
+import { createComponent } from '@equinor/fusion-react-utils';
+export const DropdownProvider = createComponent(SearchableDropdownProviderElement, 'fwc-searchable-dropdown-provider');
+export default DropdownProvider;
+//# sourceMappingURL=DropdownProvider.js.map

package/dist/DropdownProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownProvider.js","sourceRoot":"","sources":["../src/DropdownProvider.tsx"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,iCAAiC,EAAE,kCAAkC,CAAC,CAAC;AAEvH,eAAe,gBAAgB,CAAC"}

package/dist/SearchableDropdown.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from '@equinor/fusion-react-utils';
+import { SearchableDropdownElement, SearchableDropdownResolver } from '@equinor/fusion-wc-searchable-dropdown';
+declare type ElementAttributes = Partial<Pick<SearchableDropdownElement, 'label' | 'placeholder' | 'variant' | 'meta' | 'selected' | 'initialText' | 'trailingIcon'>>;
+declare type ElementEvents = {
+    onAction?: (e: Event) => void;
+};
+declare type ElementResolver = {
+    resolver?: SearchableDropdownResolver;
+};
+declare type ElementProps = ElementAttributes & ElementEvents & ElementResolver;
+export declare type SearchableDropdownProps = ComponentProps<SearchableDropdownElement, ElementProps>;
+export declare const SearchableDropdown: ({ children, ...props }: React.PropsWithChildren<ElementProps>) => JSX.Element;
+export default SearchableDropdown;
+//# sourceMappingURL=SearchableDropdown.d.ts.map

package/dist/SearchableDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableDropdown.d.ts","sourceRoot":"","sources":["../src/SearchableDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAM/G,aAAK,iBAAiB,GAAG,OAAO,CAC9B,IAAI,CACF,yBAAyB,EACzB,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,cAAc,CAC3F,CACF,CAAC;AAEF,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,0BAA0B,CAAC;CACvC,CAAC;AAEF,aAAK,YAAY,GAAG,iBAAiB,GAAG,aAAa,GAAG,eAAe,CAAC;AAExE,oBAAY,uBAAuB,GAAG,cAAc,CAAC,yBAAyB,EAAE,YAAY,CAAC,CAAC;AAE9F,eAAO,MAAM,kBAAkB,2BAA4B,MAAM,iBAAiB,CAAC,YAAY,CAAC,KAAG,WAOlG,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/SearchableDropdown.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DropdownProvider from './DropdownProvider';
+import Dropdown from './Dropdown';
+import { useDropdownProviderRef } from './useDropdownProviderRef';
+export const SearchableDropdown = ({ children, ...props }) => {
+    const providerRef = useDropdownProviderRef(props.resolver);
+    return (_jsx(DropdownProvider, { ref: providerRef, children: _jsx(Dropdown, { ...props, children: children }) }));
+};
+export default SearchableDropdown;
+//# sourceMappingURL=SearchableDropdown.js.map

package/dist/SearchableDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableDropdown.js","sourceRoot":"","sources":["../src/SearchableDropdown.tsx"],"names":[],"mappings":";AAIA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAqBlE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyC,EAAe,EAAE;IAC/G,MAAM,WAAW,GAAG,sBAAsB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3D,OAAO,CACL,KAAC,gBAAgB,IAAC,GAAG,EAAE,WAAW,YAChC,KAAC,QAAQ,OAAK,KAAK,YAAG,QAAQ,GAAY,GACzB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Dropdown';
+export * from './DropdownProvider';
+export * from './SearchableDropdown';
+export * from './useDropdownProviderRef';
+export { SearchableDropdownElement as HTMLSearchableDropdownCustomElement, SearchableDropdownProviderElement as HTMLSearchableDropdownProviderCustomElement, } from '@equinor/fusion-wc-searchable-dropdown';
+export { SearchableDropdown as default } from './SearchableDropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EACL,yBAAyB,IAAI,mCAAmC,EAChE,iCAAiC,IAAI,2CAA2C,GACjF,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from './Dropdown';
+export * from './DropdownProvider';
+export * from './SearchableDropdown';
+export * from './useDropdownProviderRef';
+export { SearchableDropdownElement as HTMLSearchableDropdownCustomElement, SearchableDropdownProviderElement as HTMLSearchableDropdownProviderCustomElement, } from '@equinor/fusion-wc-searchable-dropdown';
+export { SearchableDropdown as default } from './SearchableDropdown';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EACL,yBAAyB,IAAI,mCAAmC,EAChE,iCAAiC,IAAI,2CAA2C,GACjF,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/useDropdownProviderRef.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+import { SearchableDropdownProviderElement, SearchableDropdownResolver } from '@equinor/fusion-wc-searchable-dropdown';
+export declare const useDropdownProviderRef: (resolver?: SearchableDropdownResolver) => MutableRefObject<SearchableDropdownProviderElement | null>;
+//# sourceMappingURL=useDropdownProviderRef.d.ts.map

package/dist/useDropdownProviderRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownProviderRef.d.ts","sourceRoot":"","sources":["../src/useDropdownProviderRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,iCAAiC,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAEvH,eAAO,MAAM,sBAAsB,cACtB,0BAA0B,KACpC,iBAAiB,iCAAiC,GAAG,IAAI,CAc3D,CAAC"}

package/dist/useDropdownProviderRef.js

@@ -0,0 +1,16 @@
+import { useRef, useEffect } from 'react';
+export const useDropdownProviderRef = (resolver) => {
+    const providerRef = useRef(null);
+    useEffect(() => {
+        const current = providerRef?.current;
+        if (current && resolver) {
+            window.addEventListener('action', (e) => console.log('Event', e));
+            providerRef.current.setResolver(resolver);
+            return () => {
+                current.removeResolver();
+            };
+        }
+    }, [providerRef, resolver]);
+    return providerRef;
+};
+//# sourceMappingURL=useDropdownProviderRef.js.map

package/dist/useDropdownProviderRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownProviderRef.js","sourceRoot":"","sources":["../src/useDropdownProviderRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAG5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,QAAqC,EACuB,EAAE;IAC9D,MAAM,WAAW,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,WAAW,EAAE,OAAO,CAAC;QACrC,IAAI,OAAO,IAAI,QAAQ,EAAE;YACvB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YAClE,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC1C,OAAO,GAAG,EAAE;gBACV,OAAO,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@equinor/fusion-react-searchable-dropdown",
+  "version": "0.1.0",
+  "description": "component for displaying searchable dropdown",
+  "keywords": [
+    "searchable dropdown",
+    "text input",
+    "list",
+    "react",
+    "fusion",
+    "equinor"
+  ],
+  "homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/searchable-dropdown#readme",
+  "license": "ISC",
+  "main": "dist/index.js",
+  "directories": {
+    "dist": "dist"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/equinor/fusion-react-components.git"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "lint": "eslint --ext .ts,.tsx,.js src/",
+    "lint:fix": "eslint --ext .ts,.tsx,.js src/ --fix",
+    "prepack": "npm run build"
+  },
+  "bugs": {
+    "url": "https://github.com/equinor/fusion-react-components/issues"
+  },
+  "dependencies": {
+    "@equinor/fusion-react-utils": "^2.0.3",
+    "@equinor/fusion-wc-searchable-dropdown": "^0.2.0"
+  },
+  "gitHead": "075999bf0259f4edc4319ca85403da529b28fa2b"
+}