@pfm-platform/tags-ui-mui 0.1.1

package/dist/index.cjs

@@ -0,0 +1,234 @@
+'use strict';
+
+var material = require('@mui/material');
+var tagsFeature = require('@pfm-platform/tags-feature');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var tagsDataAccess = require('@pfm-platform/tags-data-access');
+var DeleteIcon = require('@mui/icons-material/Delete');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var DeleteIcon__default = /*#__PURE__*/_interopDefault(DeleteIcon);
+
+// src/components/TagList.tsx
+function TagList({
+  userId,
+  category = "all",
+  onTagClick,
+  title
+}) {
+  const { allTags, defaultTags, customTags } = tagsFeature.useTagFilters(userId);
+  const tags = category === "default" ? defaultTags : category === "custom" ? customTags : allTags;
+  if (tags.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", color: "text.secondary", children: [
+        "No ",
+        category !== "all" ? category : "",
+        " tags available"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+      material.Chip,
+      {
+        label: tag,
+        size: "small",
+        onClick: onTagClick ? () => onTagClick(tag) : void 0,
+        clickable: !!onTagClick,
+        variant: category === "custom" ? "outlined" : "filled"
+      },
+      tag
+    )) })
+  ] });
+}
+function TagSelector({
+  userId,
+  selectedTags,
+  onSelectionChange,
+  category = "all",
+  title,
+  multiple = true
+}) {
+  const { allTags, defaultTags, customTags } = tagsFeature.useTagFilters(userId);
+  const availableTags = category === "default" ? defaultTags : category === "custom" ? customTags : allTags;
+  const handleTagClick = (tag) => {
+    const isSelected = selectedTags.includes(tag);
+    if (multiple) {
+      const newSelection = isSelected ? selectedTags.filter((t) => t !== tag) : [...selectedTags, tag];
+      onSelectionChange(newSelection);
+    } else {
+      const newSelection = isSelected ? [] : [tag];
+      onSelectionChange(newSelection);
+    }
+  };
+  if (availableTags.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", color: "text.secondary", children: [
+        "No ",
+        category !== "all" ? category : "",
+        " tags available"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: availableTags.map((tag) => {
+      const isSelected = selectedTags.includes(tag);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        material.Chip,
+        {
+          label: tag,
+          size: "small",
+          onClick: () => handleTagClick(tag),
+          clickable: true,
+          color: isSelected ? "primary" : "default",
+          variant: isSelected ? "filled" : "outlined"
+        },
+        tag
+      );
+    }) })
+  ] });
+}
+function TagCreateForm({
+  userId,
+  onSuccess
+}) {
+  const [tagName, setTagName] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const createTag = tagsDataAccess.useCreateTag({
+    onSuccess: () => {
+      setTagName("");
+      setError(null);
+      onSuccess?.();
+    },
+    onError: (err) => {
+      setError(err instanceof Error ? err.message : "Failed to create tag");
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!tagName.trim()) {
+      setError("Tag name is required");
+      return;
+    }
+    const data = {
+      name: tagName.trim()
+    };
+    createTag.mutate({ userId, data });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      component: "form",
+      onSubmit: handleSubmit,
+      sx: { display: "flex", flexDirection: "column", gap: 2 },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Tag Name",
+            value: tagName,
+            onChange: (e) => {
+              setTagName(e.target.value);
+              setError(null);
+            },
+            required: true,
+            fullWidth: true,
+            disabled: createTag.isPending,
+            error: !!error,
+            helperText: error || "Enter a name for your new tag",
+            inputProps: {
+              maxLength: 50
+            }
+          }
+        ),
+        error && /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", onClose: () => setError(null), children: error }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", gap: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            type: "submit",
+            variant: "contained",
+            disabled: createTag.isPending || !tagName.trim(),
+            startIcon: createTag.isPending ? /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 20 }) : null,
+            children: createTag.isPending ? "Creating..." : "Create Tag"
+          }
+        ) })
+      ]
+    }
+  );
+}
+function TagDeleteButton({
+  userId,
+  tagName
+}) {
+  const [open, setOpen] = react.useState(false);
+  const deleteTag = tagsDataAccess.useDeleteTag({
+    onSuccess: () => {
+      setOpen(false);
+    }
+  });
+  const handleDelete = () => {
+    deleteTag.mutate({ userId, tagName });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "Delete tag", children: /* @__PURE__ */ jsxRuntime.jsx(
+      material.IconButton,
+      {
+        onClick: () => setOpen(true),
+        color: "error",
+        size: "small",
+        "aria-label": `delete tag ${tagName}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx(DeleteIcon__default.default, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open,
+        onClose: () => !deleteTag.isPending && setOpen(false),
+        "aria-labelledby": "delete-tag-dialog-title",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { id: "delete-tag-dialog-title", children: "Delete Tag?" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContentText, { children: [
+            'Are you sure you want to delete the tag "',
+            tagName,
+            '"? This action cannot be undone.'
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                onClick: () => setOpen(false),
+                disabled: deleteTag.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                onClick: handleDelete,
+                color: "error",
+                variant: "contained",
+                disabled: deleteTag.isPending,
+                autoFocus: true,
+                children: deleteTag.isPending ? "Deleting..." : "Delete"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.TagCreateForm = TagCreateForm;
+exports.TagDeleteButton = TagDeleteButton;
+exports.TagList = TagList;
+exports.TagSelector = TagSelector;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagList.tsx","../src/components/TagSelector.tsx","../src/components/TagCreateForm.tsx","../src/components/TagDeleteButton.tsx"],"names":["useTagFilters","Box","jsx","Typography","jsxs","Chip","useState","useCreateTag","TextField","Alert","Button","CircularProgress","useDeleteTag","Fragment","Tooltip","IconButton","DeleteIcon","Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions"],"mappings":"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","file":"index.cjs","sourcesContent":["import { Box, Chip, Typography } from '@mui/material';\nimport { useTagFilters } from '@pfm-platform/tags-feature';\n\nexport interface TagListProps {\n  /**\n   * User ID to fetch tags for\n   */\n  userId: string;\n\n  /**\n   * Category of tags to display\n   * @default \"all\"\n   */\n  category?: 'all' | 'default' | 'custom';\n\n  /**\n   * Optional callback when a tag is clicked\n   */\n  onTagClick?: (tag: string) => void;\n\n  /**\n   * Optional title for the tag list\n   */\n  title?: string;\n}\n\n/**\n * Display a list of tags as chips\n *\n * Shows:\n * - All tags, default tags, or custom tags based on category prop\n * - Clickable chips if onTagClick provided\n * - Empty state when no tags available\n *\n * Uses useTagFilters hook for business logic\n */\nexport function TagList({\n  userId,\n  category = 'all',\n  onTagClick,\n  title,\n}: TagListProps) {\n  const { allTags, defaultTags, customTags } = useTagFilters(userId);\n\n  const tags =\n    category === 'default'\n      ? defaultTags\n      : category === 'custom'\n        ? customTags\n        : allTags;\n\n  if (tags.length === 0) {\n    return (\n      <Box>\n        {title && (\n          <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n            {title}\n          </Typography>\n        )}\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          No {category !== 'all' ? category : ''} tags available\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box>\n      {title && (\n        <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n          {title}\n        </Typography>\n      )}\n      <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n        {tags.map((tag) => (\n          <Chip\n            key={tag}\n            label={tag}\n            size=\"small\"\n            onClick={onTagClick ? () => onTagClick(tag) : undefined}\n            clickable={!!onTagClick}\n            variant={category === 'custom' ? 'outlined' : 'filled'}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n","import { Box, Chip, Typography } from '@mui/material';\nimport { useTagFilters } from '@pfm-platform/tags-feature';\n\nexport interface TagSelectorProps {\n  /**\n   * User ID to fetch tags for\n   */\n  userId: string;\n\n  /**\n   * Currently selected tags\n   */\n  selectedTags: string[];\n\n  /**\n   * Callback when tag selection changes\n   */\n  onSelectionChange: (tags: string[]) => void;\n\n  /**\n   * Category of tags to show for selection\n   * @default \"all\"\n   */\n  category?: 'all' | 'default' | 'custom';\n\n  /**\n   * Optional title for the selector\n   */\n  title?: string;\n\n  /**\n   * Allow multiple selection\n   * @default true\n   */\n  multiple?: boolean;\n}\n\n/**\n * Tag selector with toggle selection\n *\n * Shows:\n * - Available tags as clickable chips\n * - Visual distinction for selected vs unselected tags\n * - Support for single or multiple selection\n *\n * Uses useTagFilters hook for business logic\n */\nexport function TagSelector({\n  userId,\n  selectedTags,\n  onSelectionChange,\n  category = 'all',\n  title,\n  multiple = true,\n}: TagSelectorProps) {\n  const { allTags, defaultTags, customTags } = useTagFilters(userId);\n\n  const availableTags =\n    category === 'default'\n      ? defaultTags\n      : category === 'custom'\n        ? customTags\n        : allTags;\n\n  const handleTagClick = (tag: string) => {\n    const isSelected = selectedTags.includes(tag);\n\n    if (multiple) {\n      // Multiple selection: toggle tag\n      const newSelection = isSelected\n        ? selectedTags.filter((t) => t !== tag)\n        : [...selectedTags, tag];\n      onSelectionChange(newSelection);\n    } else {\n      // Single selection: select tag or deselect if clicking same tag\n      const newSelection = isSelected ? [] : [tag];\n      onSelectionChange(newSelection);\n    }\n  };\n\n  if (availableTags.length === 0) {\n    return (\n      <Box>\n        {title && (\n          <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n            {title}\n          </Typography>\n        )}\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          No {category !== 'all' ? category : ''} tags available\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box>\n      {title && (\n        <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n          {title}\n        </Typography>\n      )}\n      <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n        {availableTags.map((tag) => {\n          const isSelected = selectedTags.includes(tag);\n          return (\n            <Chip\n              key={tag}\n              label={tag}\n              size=\"small\"\n              onClick={() => handleTagClick(tag)}\n              clickable\n              color={isSelected ? 'primary' : 'default'}\n              variant={isSelected ? 'filled' : 'outlined'}\n            />\n          );\n        })}\n      </Box>\n    </Box>\n  );\n}\n","import { useState } from 'react';\nimport {\n  Box,\n  Button,\n  TextField,\n  Alert,\n  CircularProgress,\n} from '@mui/material';\nimport { useCreateTag } from '@pfm-platform/tags-data-access';\nimport type { TagCreate } from '@pfm-platform/tags-data-access';\n\nexport interface TagCreateFormProps {\n  /** User ID for tag creation */\n  userId: string;\n  /** Callback fired when tag is successfully created */\n  onSuccess?: () => void;\n}\n\n/**\n * TagCreateForm component for creating new tags.\n * Simple form with text input and submit button.\n */\nexport function TagCreateForm({\n  userId,\n  onSuccess,\n}: TagCreateFormProps) {\n  const [tagName, setTagName] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const createTag = useCreateTag({\n    onSuccess: () => {\n      setTagName('');\n      setError(null);\n      onSuccess?.();\n    },\n    onError: (err) => {\n      setError(err instanceof Error ? err.message : 'Failed to create tag');\n    },\n  });\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!tagName.trim()) {\n      setError('Tag name is required');\n      return;\n    }\n\n    const data: TagCreate = {\n      name: tagName.trim(),\n    };\n\n    createTag.mutate({ userId, data });\n  };\n\n  return (\n    <Box\n      component=\"form\"\n      onSubmit={handleSubmit}\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n    >\n      <TextField\n        label=\"Tag Name\"\n        value={tagName}\n        onChange={(e) => {\n          setTagName(e.target.value);\n          setError(null);\n        }}\n        required\n        fullWidth\n        disabled={createTag.isPending}\n        error={!!error}\n        helperText={error || 'Enter a name for your new tag'}\n        inputProps={{\n          maxLength: 50,\n        }}\n      />\n\n      {error && (\n        <Alert severity=\"error\" onClose={() => setError(null)}>\n          {error}\n        </Alert>\n      )}\n\n      <Box sx={{ display: 'flex', gap: 1 }}>\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disabled={createTag.isPending || !tagName.trim()}\n          startIcon={createTag.isPending ? <CircularProgress size={20} /> : null}\n        >\n          {createTag.isPending ? 'Creating...' : 'Create Tag'}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n","import { useState } from 'react';\nimport {\n  IconButton,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n  Button,\n  Tooltip,\n} from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { useDeleteTag } from '@pfm-platform/tags-data-access';\n\nexport interface TagDeleteButtonProps {\n  /** User ID for tag deletion */\n  userId: string;\n  /** Name of the tag to delete */\n  tagName: string;\n}\n\n/**\n * TagDeleteButton component with confirmation dialog.\n * Simple delete button that confirms before removing the tag.\n */\nexport function TagDeleteButton({\n  userId,\n  tagName,\n}: TagDeleteButtonProps) {\n  const [open, setOpen] = useState(false);\n\n  const deleteTag = useDeleteTag({\n    onSuccess: () => {\n      setOpen(false);\n    },\n  });\n\n  const handleDelete = () => {\n    deleteTag.mutate({ userId, tagName });\n  };\n\n  return (\n    <>\n      <Tooltip title=\"Delete tag\">\n        <IconButton\n          onClick={() => setOpen(true)}\n          color=\"error\"\n          size=\"small\"\n          aria-label={`delete tag ${tagName}`}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Tooltip>\n\n      <Dialog\n        open={open}\n        onClose={() => !deleteTag.isPending && setOpen(false)}\n        aria-labelledby=\"delete-tag-dialog-title\"\n      >\n        <DialogTitle id=\"delete-tag-dialog-title\">Delete Tag?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Are you sure you want to delete the tag \"{tagName}\"? This action cannot be undone.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={() => setOpen(false)}\n            disabled={deleteTag.isPending}\n          >\n            Cancel\n          </Button>\n          <Button\n            onClick={handleDelete}\n            color=\"error\"\n            variant=\"contained\"\n            disabled={deleteTag.isPending}\n            autoFocus\n          >\n            {deleteTag.isPending ? 'Deleting...' : 'Delete'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,98 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TagListProps {
+    /**
+     * User ID to fetch tags for
+     */
+    userId: string;
+    /**
+     * Category of tags to display
+     * @default "all"
+     */
+    category?: 'all' | 'default' | 'custom';
+    /**
+     * Optional callback when a tag is clicked
+     */
+    onTagClick?: (tag: string) => void;
+    /**
+     * Optional title for the tag list
+     */
+    title?: string;
+}
+/**
+ * Display a list of tags as chips
+ *
+ * Shows:
+ * - All tags, default tags, or custom tags based on category prop
+ * - Clickable chips if onTagClick provided
+ * - Empty state when no tags available
+ *
+ * Uses useTagFilters hook for business logic
+ */
+declare function TagList({ userId, category, onTagClick, title, }: TagListProps): react_jsx_runtime.JSX.Element;
+
+interface TagSelectorProps {
+    /**
+     * User ID to fetch tags for
+     */
+    userId: string;
+    /**
+     * Currently selected tags
+     */
+    selectedTags: string[];
+    /**
+     * Callback when tag selection changes
+     */
+    onSelectionChange: (tags: string[]) => void;
+    /**
+     * Category of tags to show for selection
+     * @default "all"
+     */
+    category?: 'all' | 'default' | 'custom';
+    /**
+     * Optional title for the selector
+     */
+    title?: string;
+    /**
+     * Allow multiple selection
+     * @default true
+     */
+    multiple?: boolean;
+}
+/**
+ * Tag selector with toggle selection
+ *
+ * Shows:
+ * - Available tags as clickable chips
+ * - Visual distinction for selected vs unselected tags
+ * - Support for single or multiple selection
+ *
+ * Uses useTagFilters hook for business logic
+ */
+declare function TagSelector({ userId, selectedTags, onSelectionChange, category, title, multiple, }: TagSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface TagCreateFormProps {
+    /** User ID for tag creation */
+    userId: string;
+    /** Callback fired when tag is successfully created */
+    onSuccess?: () => void;
+}
+/**
+ * TagCreateForm component for creating new tags.
+ * Simple form with text input and submit button.
+ */
+declare function TagCreateForm({ userId, onSuccess, }: TagCreateFormProps): react_jsx_runtime.JSX.Element;
+
+interface TagDeleteButtonProps {
+    /** User ID for tag deletion */
+    userId: string;
+    /** Name of the tag to delete */
+    tagName: string;
+}
+/**
+ * TagDeleteButton component with confirmation dialog.
+ * Simple delete button that confirms before removing the tag.
+ */
+declare function TagDeleteButton({ userId, tagName, }: TagDeleteButtonProps): react_jsx_runtime.JSX.Element;
+
+export { TagCreateForm, type TagCreateFormProps, TagDeleteButton, type TagDeleteButtonProps, TagList, type TagListProps, TagSelector, type TagSelectorProps };

package/dist/index.d.ts

@@ -0,0 +1,98 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TagListProps {
+    /**
+     * User ID to fetch tags for
+     */
+    userId: string;
+    /**
+     * Category of tags to display
+     * @default "all"
+     */
+    category?: 'all' | 'default' | 'custom';
+    /**
+     * Optional callback when a tag is clicked
+     */
+    onTagClick?: (tag: string) => void;
+    /**
+     * Optional title for the tag list
+     */
+    title?: string;
+}
+/**
+ * Display a list of tags as chips
+ *
+ * Shows:
+ * - All tags, default tags, or custom tags based on category prop
+ * - Clickable chips if onTagClick provided
+ * - Empty state when no tags available
+ *
+ * Uses useTagFilters hook for business logic
+ */
+declare function TagList({ userId, category, onTagClick, title, }: TagListProps): react_jsx_runtime.JSX.Element;
+
+interface TagSelectorProps {
+    /**
+     * User ID to fetch tags for
+     */
+    userId: string;
+    /**
+     * Currently selected tags
+     */
+    selectedTags: string[];
+    /**
+     * Callback when tag selection changes
+     */
+    onSelectionChange: (tags: string[]) => void;
+    /**
+     * Category of tags to show for selection
+     * @default "all"
+     */
+    category?: 'all' | 'default' | 'custom';
+    /**
+     * Optional title for the selector
+     */
+    title?: string;
+    /**
+     * Allow multiple selection
+     * @default true
+     */
+    multiple?: boolean;
+}
+/**
+ * Tag selector with toggle selection
+ *
+ * Shows:
+ * - Available tags as clickable chips
+ * - Visual distinction for selected vs unselected tags
+ * - Support for single or multiple selection
+ *
+ * Uses useTagFilters hook for business logic
+ */
+declare function TagSelector({ userId, selectedTags, onSelectionChange, category, title, multiple, }: TagSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface TagCreateFormProps {
+    /** User ID for tag creation */
+    userId: string;
+    /** Callback fired when tag is successfully created */
+    onSuccess?: () => void;
+}
+/**
+ * TagCreateForm component for creating new tags.
+ * Simple form with text input and submit button.
+ */
+declare function TagCreateForm({ userId, onSuccess, }: TagCreateFormProps): react_jsx_runtime.JSX.Element;
+
+interface TagDeleteButtonProps {
+    /** User ID for tag deletion */
+    userId: string;
+    /** Name of the tag to delete */
+    tagName: string;
+}
+/**
+ * TagDeleteButton component with confirmation dialog.
+ * Simple delete button that confirms before removing the tag.
+ */
+declare function TagDeleteButton({ userId, tagName, }: TagDeleteButtonProps): react_jsx_runtime.JSX.Element;
+
+export { TagCreateForm, type TagCreateFormProps, TagDeleteButton, type TagDeleteButtonProps, TagList, type TagListProps, TagSelector, type TagSelectorProps };

package/dist/index.js

@@ -0,0 +1,225 @@
+import { Box, Typography, Chip, TextField, Alert, Button, CircularProgress, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
+import { useTagFilters } from '@pfm-platform/tags-feature';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useCreateTag, useDeleteTag } from '@pfm-platform/tags-data-access';
+import DeleteIcon from '@mui/icons-material/Delete';
+
+// src/components/TagList.tsx
+function TagList({
+  userId,
+  category = "all",
+  onTagClick,
+  title
+}) {
+  const { allTags, defaultTags, customTags } = useTagFilters(userId);
+  const tags = category === "default" ? defaultTags : category === "custom" ? customTags : allTags;
+  if (tags.length === 0) {
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      title && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+        "No ",
+        category !== "all" ? category : "",
+        " tags available"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    title && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: tags.map((tag) => /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: tag,
+        size: "small",
+        onClick: onTagClick ? () => onTagClick(tag) : void 0,
+        clickable: !!onTagClick,
+        variant: category === "custom" ? "outlined" : "filled"
+      },
+      tag
+    )) })
+  ] });
+}
+function TagSelector({
+  userId,
+  selectedTags,
+  onSelectionChange,
+  category = "all",
+  title,
+  multiple = true
+}) {
+  const { allTags, defaultTags, customTags } = useTagFilters(userId);
+  const availableTags = category === "default" ? defaultTags : category === "custom" ? customTags : allTags;
+  const handleTagClick = (tag) => {
+    const isSelected = selectedTags.includes(tag);
+    if (multiple) {
+      const newSelection = isSelected ? selectedTags.filter((t) => t !== tag) : [...selectedTags, tag];
+      onSelectionChange(newSelection);
+    } else {
+      const newSelection = isSelected ? [] : [tag];
+      onSelectionChange(newSelection);
+    }
+  };
+  if (availableTags.length === 0) {
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      title && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+        "No ",
+        category !== "all" ? category : "",
+        " tags available"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    title && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: availableTags.map((tag) => {
+      const isSelected = selectedTags.includes(tag);
+      return /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: tag,
+          size: "small",
+          onClick: () => handleTagClick(tag),
+          clickable: true,
+          color: isSelected ? "primary" : "default",
+          variant: isSelected ? "filled" : "outlined"
+        },
+        tag
+      );
+    }) })
+  ] });
+}
+function TagCreateForm({
+  userId,
+  onSuccess
+}) {
+  const [tagName, setTagName] = useState("");
+  const [error, setError] = useState(null);
+  const createTag = useCreateTag({
+    onSuccess: () => {
+      setTagName("");
+      setError(null);
+      onSuccess?.();
+    },
+    onError: (err) => {
+      setError(err instanceof Error ? err.message : "Failed to create tag");
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!tagName.trim()) {
+      setError("Tag name is required");
+      return;
+    }
+    const data = {
+      name: tagName.trim()
+    };
+    createTag.mutate({ userId, data });
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "form",
+      onSubmit: handleSubmit,
+      sx: { display: "flex", flexDirection: "column", gap: 2 },
+      children: [
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: "Tag Name",
+            value: tagName,
+            onChange: (e) => {
+              setTagName(e.target.value);
+              setError(null);
+            },
+            required: true,
+            fullWidth: true,
+            disabled: createTag.isPending,
+            error: !!error,
+            helperText: error || "Enter a name for your new tag",
+            inputProps: {
+              maxLength: 50
+            }
+          }
+        ),
+        error && /* @__PURE__ */ jsx(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 1 }, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "contained",
+            disabled: createTag.isPending || !tagName.trim(),
+            startIcon: createTag.isPending ? /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) : null,
+            children: createTag.isPending ? "Creating..." : "Create Tag"
+          }
+        ) })
+      ]
+    }
+  );
+}
+function TagDeleteButton({
+  userId,
+  tagName
+}) {
+  const [open, setOpen] = useState(false);
+  const deleteTag = useDeleteTag({
+    onSuccess: () => {
+      setOpen(false);
+    }
+  });
+  const handleDelete = () => {
+    deleteTag.mutate({ userId, tagName });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: "Delete tag", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => setOpen(true),
+        color: "error",
+        size: "small",
+        "aria-label": `delete tag ${tagName}`,
+        children: /* @__PURE__ */ jsx(DeleteIcon, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open,
+        onClose: () => !deleteTag.isPending && setOpen(false),
+        "aria-labelledby": "delete-tag-dialog-title",
+        children: [
+          /* @__PURE__ */ jsx(DialogTitle, { id: "delete-tag-dialog-title", children: "Delete Tag?" }),
+          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(DialogContentText, { children: [
+            'Are you sure you want to delete the tag "',
+            tagName,
+            '"? This action cannot be undone.'
+          ] }) }),
+          /* @__PURE__ */ jsxs(DialogActions, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => setOpen(false),
+                disabled: deleteTag.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleDelete,
+                color: "error",
+                variant: "contained",
+                disabled: deleteTag.isPending,
+                autoFocus: true,
+                children: deleteTag.isPending ? "Deleting..." : "Delete"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { TagCreateForm, TagDeleteButton, TagList, TagSelector };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagList.tsx","../src/components/TagSelector.tsx","../src/components/TagCreateForm.tsx","../src/components/TagDeleteButton.tsx"],"names":["useTagFilters","jsxs","Box","jsx","Typography","Chip","useState","Button"],"mappings":"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","file":"index.js","sourcesContent":["import { Box, Chip, Typography } from '@mui/material';\nimport { useTagFilters } from '@pfm-platform/tags-feature';\n\nexport interface TagListProps {\n  /**\n   * User ID to fetch tags for\n   */\n  userId: string;\n\n  /**\n   * Category of tags to display\n   * @default \"all\"\n   */\n  category?: 'all' | 'default' | 'custom';\n\n  /**\n   * Optional callback when a tag is clicked\n   */\n  onTagClick?: (tag: string) => void;\n\n  /**\n   * Optional title for the tag list\n   */\n  title?: string;\n}\n\n/**\n * Display a list of tags as chips\n *\n * Shows:\n * - All tags, default tags, or custom tags based on category prop\n * - Clickable chips if onTagClick provided\n * - Empty state when no tags available\n *\n * Uses useTagFilters hook for business logic\n */\nexport function TagList({\n  userId,\n  category = 'all',\n  onTagClick,\n  title,\n}: TagListProps) {\n  const { allTags, defaultTags, customTags } = useTagFilters(userId);\n\n  const tags =\n    category === 'default'\n      ? defaultTags\n      : category === 'custom'\n        ? customTags\n        : allTags;\n\n  if (tags.length === 0) {\n    return (\n      <Box>\n        {title && (\n          <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n            {title}\n          </Typography>\n        )}\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          No {category !== 'all' ? category : ''} tags available\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box>\n      {title && (\n        <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n          {title}\n        </Typography>\n      )}\n      <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n        {tags.map((tag) => (\n          <Chip\n            key={tag}\n            label={tag}\n            size=\"small\"\n            onClick={onTagClick ? () => onTagClick(tag) : undefined}\n            clickable={!!onTagClick}\n            variant={category === 'custom' ? 'outlined' : 'filled'}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n","import { Box, Chip, Typography } from '@mui/material';\nimport { useTagFilters } from '@pfm-platform/tags-feature';\n\nexport interface TagSelectorProps {\n  /**\n   * User ID to fetch tags for\n   */\n  userId: string;\n\n  /**\n   * Currently selected tags\n   */\n  selectedTags: string[];\n\n  /**\n   * Callback when tag selection changes\n   */\n  onSelectionChange: (tags: string[]) => void;\n\n  /**\n   * Category of tags to show for selection\n   * @default \"all\"\n   */\n  category?: 'all' | 'default' | 'custom';\n\n  /**\n   * Optional title for the selector\n   */\n  title?: string;\n\n  /**\n   * Allow multiple selection\n   * @default true\n   */\n  multiple?: boolean;\n}\n\n/**\n * Tag selector with toggle selection\n *\n * Shows:\n * - Available tags as clickable chips\n * - Visual distinction for selected vs unselected tags\n * - Support for single or multiple selection\n *\n * Uses useTagFilters hook for business logic\n */\nexport function TagSelector({\n  userId,\n  selectedTags,\n  onSelectionChange,\n  category = 'all',\n  title,\n  multiple = true,\n}: TagSelectorProps) {\n  const { allTags, defaultTags, customTags } = useTagFilters(userId);\n\n  const availableTags =\n    category === 'default'\n      ? defaultTags\n      : category === 'custom'\n        ? customTags\n        : allTags;\n\n  const handleTagClick = (tag: string) => {\n    const isSelected = selectedTags.includes(tag);\n\n    if (multiple) {\n      // Multiple selection: toggle tag\n      const newSelection = isSelected\n        ? selectedTags.filter((t) => t !== tag)\n        : [...selectedTags, tag];\n      onSelectionChange(newSelection);\n    } else {\n      // Single selection: select tag or deselect if clicking same tag\n      const newSelection = isSelected ? [] : [tag];\n      onSelectionChange(newSelection);\n    }\n  };\n\n  if (availableTags.length === 0) {\n    return (\n      <Box>\n        {title && (\n          <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n            {title}\n          </Typography>\n        )}\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          No {category !== 'all' ? category : ''} tags available\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box>\n      {title && (\n        <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n          {title}\n        </Typography>\n      )}\n      <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n        {availableTags.map((tag) => {\n          const isSelected = selectedTags.includes(tag);\n          return (\n            <Chip\n              key={tag}\n              label={tag}\n              size=\"small\"\n              onClick={() => handleTagClick(tag)}\n              clickable\n              color={isSelected ? 'primary' : 'default'}\n              variant={isSelected ? 'filled' : 'outlined'}\n            />\n          );\n        })}\n      </Box>\n    </Box>\n  );\n}\n","import { useState } from 'react';\nimport {\n  Box,\n  Button,\n  TextField,\n  Alert,\n  CircularProgress,\n} from '@mui/material';\nimport { useCreateTag } from '@pfm-platform/tags-data-access';\nimport type { TagCreate } from '@pfm-platform/tags-data-access';\n\nexport interface TagCreateFormProps {\n  /** User ID for tag creation */\n  userId: string;\n  /** Callback fired when tag is successfully created */\n  onSuccess?: () => void;\n}\n\n/**\n * TagCreateForm component for creating new tags.\n * Simple form with text input and submit button.\n */\nexport function TagCreateForm({\n  userId,\n  onSuccess,\n}: TagCreateFormProps) {\n  const [tagName, setTagName] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const createTag = useCreateTag({\n    onSuccess: () => {\n      setTagName('');\n      setError(null);\n      onSuccess?.();\n    },\n    onError: (err) => {\n      setError(err instanceof Error ? err.message : 'Failed to create tag');\n    },\n  });\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!tagName.trim()) {\n      setError('Tag name is required');\n      return;\n    }\n\n    const data: TagCreate = {\n      name: tagName.trim(),\n    };\n\n    createTag.mutate({ userId, data });\n  };\n\n  return (\n    <Box\n      component=\"form\"\n      onSubmit={handleSubmit}\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n    >\n      <TextField\n        label=\"Tag Name\"\n        value={tagName}\n        onChange={(e) => {\n          setTagName(e.target.value);\n          setError(null);\n        }}\n        required\n        fullWidth\n        disabled={createTag.isPending}\n        error={!!error}\n        helperText={error || 'Enter a name for your new tag'}\n        inputProps={{\n          maxLength: 50,\n        }}\n      />\n\n      {error && (\n        <Alert severity=\"error\" onClose={() => setError(null)}>\n          {error}\n        </Alert>\n      )}\n\n      <Box sx={{ display: 'flex', gap: 1 }}>\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disabled={createTag.isPending || !tagName.trim()}\n          startIcon={createTag.isPending ? <CircularProgress size={20} /> : null}\n        >\n          {createTag.isPending ? 'Creating...' : 'Create Tag'}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n","import { useState } from 'react';\nimport {\n  IconButton,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n  Button,\n  Tooltip,\n} from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { useDeleteTag } from '@pfm-platform/tags-data-access';\n\nexport interface TagDeleteButtonProps {\n  /** User ID for tag deletion */\n  userId: string;\n  /** Name of the tag to delete */\n  tagName: string;\n}\n\n/**\n * TagDeleteButton component with confirmation dialog.\n * Simple delete button that confirms before removing the tag.\n */\nexport function TagDeleteButton({\n  userId,\n  tagName,\n}: TagDeleteButtonProps) {\n  const [open, setOpen] = useState(false);\n\n  const deleteTag = useDeleteTag({\n    onSuccess: () => {\n      setOpen(false);\n    },\n  });\n\n  const handleDelete = () => {\n    deleteTag.mutate({ userId, tagName });\n  };\n\n  return (\n    <>\n      <Tooltip title=\"Delete tag\">\n        <IconButton\n          onClick={() => setOpen(true)}\n          color=\"error\"\n          size=\"small\"\n          aria-label={`delete tag ${tagName}`}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Tooltip>\n\n      <Dialog\n        open={open}\n        onClose={() => !deleteTag.isPending && setOpen(false)}\n        aria-labelledby=\"delete-tag-dialog-title\"\n      >\n        <DialogTitle id=\"delete-tag-dialog-title\">Delete Tag?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Are you sure you want to delete the tag \"{tagName}\"? This action cannot be undone.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={() => setOpen(false)}\n            disabled={deleteTag.isPending}\n          >\n            Cancel\n          </Button>\n          <Button\n            onClick={handleDelete}\n            color=\"error\"\n            variant=\"contained\"\n            disabled={deleteTag.isPending}\n            autoFocus\n          >\n            {deleteTag.isPending ? 'Deleting...' : 'Delete'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@pfm-platform/tags-ui-mui",
+  "version": "0.1.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/x-charts": "8.18.0",
+    "@pfm-platform/shared": "0.0.1",
+    "@pfm-platform/tags-data-access": "^0.1.1",
+    "@pfm-platform/tags-feature": "0.1.1"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "5.90.9",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "19.2.5",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.9",
+    "jsdom": "^27.2.0",
+    "msw": "^2.12.2",
+    "vitest": "4.0.9"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": "^7.3.5",
+    "@mui/material": "^7.3.5",
+    "react": "19.2.0"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "description": "Personal Finance Management - TAGS ui-mui layer",
+  "keywords": [
+    "pfm",
+    "finance",
+    "tags",
+    "ui-mui",
+    "react",
+    "typescript"
+  ],
+  "author": "Lenny Miller",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lennylmiller/pfm-research",
+    "directory": "packages/tags/ui-mui"
+  },
+  "bugs": "https://github.com/lennylmiller/pfm-research/issues",
+  "homepage": "https://github.com/lennylmiller/pfm-research#readme",
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean"
+  }
+}