Port FilterButtons

frontend/apps/editor3d/app/src/components/reusable/FilterButtons/FilterButtons.mdx

@@ -1,14 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks';
-
-import * as FilterButtonsStories from './FilterButtons.stories';
-
-<Meta of={FilterButtonsStories} />
-
-# Three buttons which appear at the top of some of the media tabs.
-
-The value can be set to Featured
-<Canvas of={FilterButtonsStories.Featured} />
-Mine
-<Canvas of={FilterButtonsStories.Mine} />
-or Bookmarked
-<Canvas of={FilterButtonsStories.Bookmarked} />

frontend/apps/editor3d/app/src/components/reusable/FilterButtons/FilterButtons.stories.tsx

@@ -1,36 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { FilterButtons } from "./FilterButtons";
-import { withActions } from "@storybook/addon-actions/decorator";
-import { AssetFilterOption } from "~/enums";
-
-const meta: Meta<typeof FilterButtons> = {
-  component: FilterButtons,
-  parameters: {
-    actions: {
-      handles: ["click"],
-    },
-  },
-  decorators: [withActions],
-};
-
-type Story = StoryObj<typeof FilterButtons>;
-
-export const Featured: Story = {
-  render: () => (
-    <FilterButtons onClick={() => null} value={AssetFilterOption.FEATURED} />
-  ),
-};
-
-export const Mine: Story = {
-  render: () => (
-    <FilterButtons onClick={() => null} value={AssetFilterOption.MINE} />
-  ),
-};
-
-export const Bookmarked: Story = {
-  render: () => (
-    <FilterButtons onClick={() => null} value={AssetFilterOption.BOOKMARKED} />
-  ),
-};
-
-export default meta;

frontend/apps/editor3d/app/src/components/reusable/FilterButtons/index.ts

@@ -1 +0,0 @@
-export * from "./FilterButtons";

frontend/apps/editor3d/app/src/components/reusable/index.ts

@@ -1,4 +1,3 @@
-export * from "./FilterButtons";
 export * from "./InputVector";
 export * from "./NumberInput";
 export * from "./Pagination";

frontend/apps/editor3d/app/src/pages/PageEnigma/comps/SidePanelTabs/tabComps/CharactersComboTabs/subtabAnimations.tsx

@@ -8,12 +8,11 @@ import {
   MediaFileAnimationType,
 } from "~/enums";
 import {
-  Button,
-  FilterButtons,
   Pagination,
   SearchFilter,
   UploadModal,
 } from "~/components";
+import { Button, FilterButtons } from "@storyteller/ui-button";
 import { ItemElements } from "~/pages/PageEnigma/comps/SidePanelTabs/sharedComps";
 import { isAnyStatusFetching } from "../../utilities";
 import {

frontend/apps/editor3d/app/src/pages/PageEnigma/comps/SidePanelTabs/tabComps/CharactersComboTabs/subtabCharacters.tsx

@@ -10,12 +10,11 @@ import {
 } from "~/enums";
 import { MediaItem } from "~/pages/PageEnigma/models";
 import {
-  Button,
-  FilterButtons,
   Pagination,
   SearchFilter,
   UploadModal,
 } from "~/components";
+import { Button, FilterButtons } from "@storyteller/ui-button";
 import { ItemElements } from "~/pages/PageEnigma/comps/SidePanelTabs/sharedComps";
 import { isAnyStatusFetching } from "../../utilities";
 import {
@@ -109,7 +108,7 @@ export const CharactersTab = ({
         ? fetchFeaturedObjects
         : undefined
       : nextUserObjects &&
-          nextUserObjects.current !== nextUserObjects.total_page_count
+        nextUserObjects.current !== nextUserObjects.total_page_count
         ? () => fetchUserObjects(nextUserObjects.current)
         : undefined;
 

frontend/apps/editor3d/app/src/pages/PageEnigma/comps/SidePanelTabs/tabComps/CharactersComboTabs/subtabExpressions.tsx

@@ -6,12 +6,11 @@ import {
   MediaFileAnimationType,
 } from "~/enums";
 import {
-  Button,
-  FilterButtons,
   Pagination,
   SearchFilter,
   UploadModal,
 } from "~/components";
+import { Button, FilterButtons } from "@storyteller/ui-button";
 import { ItemElements } from "~/pages/PageEnigma/comps/SidePanelTabs/sharedComps";
 import { isAnyStatusFetching } from "../../utilities";
 import {

frontend/apps/editor3d/app/src/pages/PageEnigma/comps/SidePanelTabs/tabComps/CreaturesTab.tsx

@@ -13,15 +13,12 @@ import {
   ItemElements,
 } from "~/pages/PageEnigma/comps/SidePanelTabs/sharedComps";
 import {
-  FilterButtons,
   SearchFilter,
   Pagination,
   UploadModal3D,
 } from "~/components";
 
-import {
-  Button
-} from "@storyteller/ui-button"
+import { Button, FilterButtons } from "@storyteller/ui-button"
 
 import { isAnyStatusFetching } from "../utilities";
 import {

frontend/apps/editor3d/app/src/pages/PageEnigma/comps/SidePanelTabs/tabComps/ObjectsTab.tsx

@@ -14,12 +14,11 @@ import {
   ItemElements,
 } from "~/pages/PageEnigma/comps/SidePanelTabs/sharedComps";
 import {
-  Button,
-  FilterButtons,
   SearchFilter,
   Pagination,
   UploadModal3D,
 } from "~/components";
+import { Button, FilterButtons } from "@storyteller/ui-button"
 import { isAnyStatusFetching } from "../utilities";
 import {
   useUserObjects,

frontend/apps/editor3d/app/src/pages/PageEnigma/comps/SidePanelTabs/tabComps/SetsTab.tsx

@@ -12,11 +12,10 @@ import {
 } from "~/enums";
 
 import {
-  Button,
-  FilterButtons,
   SearchFilter,
   UploadModal3D,
 } from "~/components";
+import { Button, FilterButtons } from "@storyteller/ui-button"
 
 import {
   TabTitle,

frontend/libs/common/src/lib/enums/AssetFilterOption.ts

@@ -0,0 +1,6 @@
+export enum AssetFilterOption {
+  ALL,
+  FEATURED,
+  MINE,
+  BOOKMARKED,
+}

frontend/libs/common/src/lib/enums/index.ts

@@ -3,3 +3,4 @@ export * from "./Queue";
 export * from "./UploaderStates";
 export * from "./Hotkeys";
 export * from "./Toaster";
+export * from "./AssetFilterOption";

frontend/libs/components/button/src/index.ts

@@ -1,2 +1,3 @@
 export * from "./lib/button";
 export * from "./lib/ToggleButton";
+export * from "./lib/FilterButtons";

frontend/libs/components/button/src/lib/FilterButtons.tsx

@@ -1,4 +1,4 @@
-import { AssetFilterOption } from "~/enums";
+import { AssetFilterOption } from "@storyteller/common";
 
 interface Props {
   onClick: (button: AssetFilterOption) => void;