@availity/hooks 3.0.3 → 3.0.7-ts.13

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.6](https://github.com/Availity/availity-react/compare/@availity/hooks@3.0.5...@availity/hooks@3.0.6) (2021-10-28)
+
+**Note:** Version bump only for package @availity/hooks
+
+
+
+
+
+## 3.0.5 (2021-10-28)
+
+**Note:** Version bump only for package @availity/hooks
+
+
+
+
+
+## [3.0.4](https://github.com/Availity/availity-react/compare/@availity/hooks@3.0.3...@availity/hooks@3.0.4) (2021-10-01)
+
+**Note:** Version bump only for package @availity/hooks
+
+
+
+
+
 ## 3.0.3 (2021-09-28)
 
 **Note:** Version bump only for package @availity/hooks

package/README.md

@@ -4,4 +4,4 @@
 
 [![Version](https://img.shields.io/npm/v/@availity/hooks.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/hooks)
 
-## [Documentation](https://availity.github.io/availity-react/components/hooks)
+## [Documentation](https://availity.github.io/availity-react/components/hooks/index)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/hooks",
-  "version": "3.0.3",
+  "version": "3.0.7-ts.13+2f65f717",
   "author": "Kyle Gray <kyle.gray@availity.com>",
   "description": "A group of pre-built hooks that are common in most apps",
   "main": "index.js",
@@ -22,20 +22,18 @@
   },
   "dependencies": {
     "prop-types": "^15.7.2",
-    "react-query": "^3.0.0"
+    "react-query": "^3.29.0"
   },
   "devDependencies": {
-    "@availity/api-axios": "^5.5.14",
-    "@availity/api-core": "^7.0.2",
+    "@availity/api-axios": "^6.0.0",
     "axios": "^0.21.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "peerDependencies": {
-    "@availity/api-axios": "^5.2.1",
-    "@availity/api-core": "^7.0.2",
+    "@availity/api-axios": "^6.0.0",
     "axios": "^0.21.1",
     "react": ">=16.8.0"
   },
-  "gitHead": "cbd7f7edc581a61f6cc9258f00946d3098c51eef"
+  "gitHead": "2f65f71769d2d981e22700b87a09516833588f64"
 }

package/src/useMount.js

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-export default (effect) => {
+export default function useMount(effect) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(effect, []);
-};
+}

package/src/useOrganizations.js

@@ -1,13 +1,8 @@
 import { useQuery } from 'react-query';
 import { avOrganizationsApi } from '@availity/api-axios';
 
-const fetchOrganization = async (config) =>
-  avOrganizationsApi.getOrganizations(config);
+const fetchOrganization = async (config) => avOrganizationsApi.getOrganizations(config);
 
 export default function useOrganization(config, options) {
-  return useQuery(
-    ['organizations', config],
-    () => fetchOrganization(config),
-    options
-  );
+  return useQuery(['organizations', config], () => fetchOrganization(config), options);
 }

package/src/usePermissions.js

@@ -1,13 +1,8 @@
 import { useQuery } from 'react-query';
 import { avPermissionsApi } from '@availity/api-axios';
 
-const fetchPermissions = async (config) =>
-  avPermissionsApi.getPermissions(config);
+const fetchPermissions = async (config) => avPermissionsApi.getPermissions(config);
 
 export default function usePermissions(config, options) {
-  return useQuery(
-    ['permissions', config],
-    () => fetchPermissions(config),
-    options
-  );
+  return useQuery(['permissions', config], () => fetchPermissions(config), options);
 }

package/src/useProviders.js

@@ -1,8 +1,7 @@
 import { useQuery } from 'react-query';
 import { avProvidersApi } from '@availity/api-axios';
 
-const fetchProviders = async (config) =>
-  avProvidersApi.getProviders(config.customerId, config);
+const fetchProviders = async (config) => avProvidersApi.getProviders(config.customerId, config);
 
 export default function useProviders(config, options) {
   return useQuery(['providers', config], () => fetchProviders(config), options);

package/src/useTimeout.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-export default (ms = 0) => {
+export default function useTimeout(ms = 0) {
   const [ready, setReady] = useState(false);
 
   useEffect(() => {
@@ -18,4 +18,4 @@ export default (ms = 0) => {
   }, [ms]);
 
   return ready;
-};
+}

package/src/useToggle.js

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-export default (initialState = false) => {
+export default function useToggle(initialState = false) {
   const [state, setState] = useState(initialState);
   const toggle = (newState) => {
     if (newState !== undefined && newState !== state) {
@@ -11,4 +11,4 @@ export default (initialState = false) => {
   };
 
   return [state, toggle];
-};
+}

package/stories/ResourceComponent.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Card, CardBody, CardTitle } from 'reactstrap';
+
+type Props = {
+  data: Record<string, unknown>;
+  loading: boolean;
+  title?: string;
+};
+
+const ResourceComponent = ({ data, loading, title = '' }: Props): JSX.Element => (
+  <Card body>
+    <CardTitle className="text-center" tag="h4">
+      {title}
+    </CardTitle>
+    <CardBody>{loading ? 'Loading...' : <pre>{JSON.stringify(data, null, 2)}</pre>}</CardBody>
+  </Card>
+);
+
+export default ResourceComponent;

package/tests/util.js

@@ -4,7 +4,5 @@ import { QueryClientProvider } from 'react-query';
 
 // Taken from https://github.com/tannerlinsley/react-query/blob/master/src/react/tests/utils.tsx#L6
 export default function renderWithClient(client, ui) {
-  return render(
-    <QueryClientProvider client={client}>{ui}</QueryClientProvider>
-  );
+  return render(<QueryClientProvider client={client}>{ui}</QueryClientProvider>);
 }