@bigbinary/neeto-tags-frontend 2.2.10 → 2.2.12

package/README.md

@@ -1,82 +1,111 @@
-
 # neeto-tags-nano
-The `neeto-tags-nano` manages tags across neeto applications. The nano exports the `@bigbinary/neeto-tags-frontend` NPM package and `neeto-tags-engine` Rails engine for development.
+
+The `neeto-tags-nano` manages tags across neeto applications. The nano exports
+the `@bigbinary/neeto-tags-frontend` NPM package and `neeto-tags-engine` Rails
+engine for development.
 
 # Contents
+
 1. [Development with Host Application](#development-with-host-application)
-    - [Engine](#engine)
-        - [Installation](#installation)
-        - [Usage](#usage)
-    - [Frontend package](#frontend-package)
-        - [Installation](#installation-1)
-        - [Instructions for development](#instructions-for-development)
-        - [Components](#components)
+   - [Engine](#engine)
+     - [Installation](#installation)
+     - [Usage](#usage)
+   - [Frontend package](#frontend-package)
+     - [Installation](#installation-1)
+     - [Instructions for development](#instructions-for-development)
+     - [Components](#components)
 2. [Instructions for Publishing](#instructions-for-publishing)
 
 # Development with Host Application
+
 ## Engine
+
 The engine is used to manage tags for any entity across neeto products.
 
 ### Installation
+
 1. Add this line to your application's Gemfile:
-    ```ruby
-    source "NEETO_GEM_SERVER_URL" do
-       # ..existing gems
 
-       gem 'neeto-tags-engine'
-    end
-    ```
+   ```ruby
+   source "NEETO_GEM_SERVER_URL" do
+      # ..existing gems
+
+      gem 'neeto-tags-engine'
+   end
+   ```
+
 2. And then execute:
-    ```ruby
-    bundle install
-    ```
+   ```ruby
+   bundle install
+   ```
 3. Add this line to your application's `config/routes.rb` file:
-    ```ruby
-    mount NeetoTagsEngine::Engine => "/neeto_tags_engine"
-    ```
-4. Run the following command to copy the migrations from the engine to the host application:
-    ```ruby
-    bundle exec rails neeto_tags_engine:install:migrations
-    ```
+   ```ruby
+   mount NeetoTagsEngine::Engine, at: "/neeto_tags"
+   ```
+   **NOTE: The mount point must be `/neeto_tags` and cannot be changed to any
+   other path.**
+4. Run the following command to copy the migrations from the engine to the host
+   application:
+   ```ruby
+   bundle exec rails neeto_tags_engine:install:migrations
+   ```
 5. Add the migrations to the database:
-    ```ruby
-    bundle exec rails db:migrate
-    ```
+   ```ruby
+   bundle exec rails db:migrate
+   ```
+
 ### Usage
+
 You can learn more about the setup and usage here:
+
 1. [Models](/docs/engine/models.md)
 2. [Controllers](/docs/engine/controllers.md)
 
 ## Frontend package
+
 The package exports two components: `NeetoTags` and `Tags`.
 
 The package also exports one hook: `refetchTags`.
 
 ### Installation
-1. `neeto-tags-nano` has a few peer dependencies that are required for the proper functioning of the package. Install all the peer dependencies using the below command:
-    ```zsh
-    yarn add @bigbinary/neeto-commons-frontend@2.0.35 @bigbinary/neeto-icons@1.9.10 @bigbinary/neetoui@4.3.3 @honeybadger-io/js@5.1.1 @honeybadger-io/react@5.1.2 axios@1.3.3 classnames@2.3.2 formik@2.2.9 js-logger@1.6.1 ramda@0.28.0 react-helmet@6.1.0 react-query@3.39.3 react-router-dom@5.3.4 react-toastify@8.2.0 yup@1.0.0
-    ```
+
+1. `neeto-tags-nano` has a few peer dependencies that are required for the
+   proper functioning of the package. Install all the peer dependencies using
+   the below command:
+
+   ```zsh
+   yarn add @bigbinary/neeto-commons-frontend@2.0.35 @bigbinary/neeto-icons@1.9.10 @bigbinary/neetoui@4.3.3 @honeybadger-io/js@5.1.1 @honeybadger-io/react@5.1.2 axios@1.3.3 classnames@2.3.2 formik@2.2.9 js-logger@1.6.1 ramda@0.28.0 react-helmet@6.1.0 react-query@3.39.3 react-router-dom@5.3.4 react-toastify@8.2.0 yup@1.0.0
+   ```
 
 2. Now install the latest `neeto-tags-nano` package using the below command:
-    ```zsh
-    yarn add @bigbinary/neeto-tags-frontend
-    ```
+   ```zsh
+   yarn add @bigbinary/neeto-tags-frontend
+   ```
 
 ### Instructions for development
-Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the frontend package.
+
+Check the
+[Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0)
+for step-by-step instructions to develop the frontend package.
 
 ### Components
+
 #### `NeetoTags` ([source code](https://github.com/bigbinary/neeto-tags-nano/blob/e61f7bd2b9cab9fbf29fcfecf57e66131c86e6ef/app/javascript/src/index.jsx))
+
 This component provides a dashboard to manage tags for an application.
 
 ##### Props
-- `config`: Configuration object that includes specifications for tags, display menu, and breadcrumbs.
+
+- `config`: Configuration object that includes specifications for tags, display
+  menu, and breadcrumbs.
 
 ##### Configuration
-Refer to the [NeetoTags](/docs/frontend/neeto_tags.md) section for detailed information on the available configurations for the `NeetoTags` component.
+
+Refer to the [NeetoTags](/docs/frontend/neeto_tags.md) section for detailed
+information on the available configurations for the `NeetoTags` component.
 
 ##### Usage
+
 ```jsx
 import React from "react";
 
@@ -93,9 +122,12 @@ export default App;
 This component provides functionality to assign tags to an entity.
 
 ##### Configuration
-Refer to the [Tags](/docs/frontend/tags.md) section for detailed information on the available configurations for the `Tags` component.
+
+Refer to the [Tags](/docs/frontend/tags.md) section for detailed information on
+the available configurations for the `Tags` component.
 
 ##### Usage
+
 ```jsx
 import React from "react";
 
@@ -127,10 +159,13 @@ export default App;
 ```
 
 ### Hooks
+
 #### `refetchTags` ([source code](https://github.com/bigbinary/neeto-tags-nano/blob/e61f7bd2b9cab9fbf29fcfecf57e66131c86e6ef/app/javascript/src/hooks/useTagsApi.js#L39))
+
 This function refetches the tags list.
 
 ##### Usage
+
 Below is an example usage of the `refetchTags` hook:
 
 ```js
@@ -150,8 +185,12 @@ const useBulkUpdateTickets = () =>
     }
   );
 ```
-Used by [neetoDesk](https://github.com/bigbinary/neeto-desk-web/blob/5ba3471deae047bc9d08dca6bf26537194b9a209/app/javascript/src/hooks/reactQuery/tickets/useTicketsApi.js#L83)
 
+Used by
+[neetoDesk](https://github.com/bigbinary/neeto-desk-web/blob/5ba3471deae047bc9d08dca6bf26537194b9a209/app/javascript/src/hooks/reactQuery/tickets/useTicketsApi.js#L83)
 
 # Instructions for Publishing
-Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.
+
+Consult the
+[building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages)
+guide for details on how to publish.

package/dist/NeetoTags.js

@@ -31,11 +31,11 @@ import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import NeetoUITable from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Tag from '@bigbinary/neetoui/Tag';
 import NeetoUITagMergeIcon from '@bigbinary/neeto-icons/Merge';
-import Spinner from '@bigbinary/neetoui/Spinner';
 import classNames from 'classnames';
 import Check from '@bigbinary/neeto-icons/Check';
 import Input$1 from '@bigbinary/neetoui/Input';
@@ -360,6 +360,12 @@ var Table = function Table(_ref) {
     noDataProps = _ref.noDataProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
   if (!isLoading && !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length)) {
     return /*#__PURE__*/jsx("div", {
       className: "ntm-empty-state",