@flanksource/clicky-ui 0.3.1 → 0.3.3

package/dist/comments.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const commentTypes = require("./comments/comment-types.cjs");
+const commentUtils = require("./comments/comment-utils.cjs");
+const CommentMarkdown = require("./comments/CommentMarkdown.cjs");
+const CommentAuthor = require("./comments/CommentAuthor.cjs");
+const MentionTextarea = require("./comments/MentionTextarea.cjs");
+const CommentCard = require("./comments/CommentCard.cjs");
+const CommentComposer = require("./comments/CommentComposer.cjs");
+const CommentThreadList = require("./comments/CommentThreadList.cjs");
+const CommentThread = require("./comments/CommentThread.cjs");
+const CommentProvider = require("./comments/CommentProvider.cjs");
+const commentContext = require("./comments/comment-context.cjs");
+const CommentSidePanel = require("./comments/CommentSidePanel.cjs");
+const GroupedComments = require("./comments/GroupedComments.cjs");
+const CommentFilterBar = require("./comments/CommentFilterBar.cjs");
+const CommentProgress = require("./comments/CommentProgress.cjs");
+exports.DEFAULT_CHECKLIST_CYCLE = commentTypes.DEFAULT_CHECKLIST_CYCLE;
+exports.DEFAULT_COMMENT_STATUSES = commentTypes.DEFAULT_COMMENT_STATUSES;
+exports.DOCUMENT_ANCHOR = commentTypes.DOCUMENT_ANCHOR;
+exports.applyCommentFilters = commentUtils.applyCommentFilters;
+exports.authorDisplayName = commentUtils.authorDisplayName;
+exports.buildReplyMap = commentUtils.buildReplyMap;
+exports.buildThreadListHandlers = commentUtils.buildThreadListHandlers;
+exports.commentCountForPrefix = commentUtils.commentCountForPrefix;
+exports.defaultStatusValue = commentUtils.defaultStatusValue;
+exports.deriveAnchorCounts = commentUtils.deriveAnchorCounts;
+exports.deriveAnchorMeta = commentUtils.deriveAnchorMeta;
+exports.emptyCommentFilters = commentUtils.emptyCommentFilters;
+exports.getRoots = commentUtils.getRoots;
+exports.groupByFacet = commentUtils.groupByFacet;
+exports.hasActiveFilters = commentUtils.hasActiveFilters;
+exports.isUnresolved = commentUtils.isUnresolved;
+exports.matchMentionsInBody = commentUtils.matchMentionsInBody;
+exports.nextChecklistStatus = commentUtils.nextChecklistStatus;
+exports.resolveFacetOption = commentUtils.resolveFacetOption;
+exports.resolveStatusConfig = commentUtils.resolveStatusConfig;
+exports.sortReplies = commentUtils.sortReplies;
+exports.toneToBadgeTone = commentUtils.toneToBadgeTone;
+exports.truncatePlain = commentUtils.truncatePlain;
+exports.CommentMarkdown = CommentMarkdown.CommentMarkdown;
+exports.CommentAuthorAvatar = CommentAuthor.CommentAuthorAvatar;
+exports.MentionTextarea = MentionTextarea.MentionTextarea;
+exports.CommentCard = CommentCard.CommentCard;
+exports.CommentComposer = CommentComposer.CommentComposer;
+exports.CommentThreadList = CommentThreadList.CommentThreadList;
+exports.CommentThread = CommentThread.CommentThread;
+exports.CommentProvider = CommentProvider.CommentProvider;
+exports.dottedAnchorResolver = commentContext.dottedAnchorResolver;
+exports.exactAnchorResolver = commentContext.exactAnchorResolver;
+exports.useCommentContext = commentContext.useCommentContext;
+exports.useCommentContextOptional = commentContext.useCommentContextOptional;
+exports.CommentSidePanel = CommentSidePanel.CommentSidePanel;
+exports.GroupedComments = GroupedComments.GroupedComments;
+exports.CommentFilterBar = CommentFilterBar.CommentFilterBar;
+exports.CommentProgress = CommentProgress.CommentProgress;
+//# sourceMappingURL=comments.cjs.map

package/dist/comments.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/comments.d.ts

@@ -0,0 +1,16 @@
+export * from './comments/comment-types';
+export * from './comments/comment-utils';
+export { CommentMarkdown, type CommentMarkdownProps, } from './comments/CommentMarkdown';
+export { CommentAuthorAvatar, type CommentAuthorAvatarProps, } from './comments/CommentAuthor';
+export { MentionTextarea, type MentionTextareaProps, } from './comments/MentionTextarea';
+export { CommentCard, type CommentCardProps } from './comments/CommentCard';
+export { CommentComposer, type CommentComposerProps, } from './comments/CommentComposer';
+export { CommentThreadList, type CommentThreadListProps, } from './comments/CommentThreadList';
+export { CommentThread, type CommentThreadProps, } from './comments/CommentThread';
+export { CommentProvider, type CommentProviderProps } from './comments/CommentProvider';
+export { useCommentContext, useCommentContextOptional, exactAnchorResolver, dottedAnchorResolver, type CommentContextValue, type CommentRailMode, type AnchorResolver, } from './comments/comment-context';
+export { CommentSidePanel, type CommentSidePanelProps, } from './comments/CommentSidePanel';
+export { GroupedComments, type GroupedCommentsProps, } from './comments/GroupedComments';
+export { CommentFilterBar, type CommentFilterBarProps, } from './comments/CommentFilterBar';
+export { CommentProgress, type CommentProgressProps, } from './comments/CommentProgress';
+//# sourceMappingURL=comments.d.ts.map

package/dist/comments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../src/comments.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACxF,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC"}

package/dist/comments.js

@@ -0,0 +1,57 @@
+import { DEFAULT_CHECKLIST_CYCLE, DEFAULT_COMMENT_STATUSES, DOCUMENT_ANCHOR } from "./comments/comment-types.js";
+import { applyCommentFilters, authorDisplayName, buildReplyMap, buildThreadListHandlers, commentCountForPrefix, defaultStatusValue, deriveAnchorCounts, deriveAnchorMeta, emptyCommentFilters, getRoots, groupByFacet, hasActiveFilters, isUnresolved, matchMentionsInBody, nextChecklistStatus, resolveFacetOption, resolveStatusConfig, sortReplies, toneToBadgeTone, truncatePlain } from "./comments/comment-utils.js";
+import { CommentMarkdown } from "./comments/CommentMarkdown.js";
+import { CommentAuthorAvatar } from "./comments/CommentAuthor.js";
+import { MentionTextarea } from "./comments/MentionTextarea.js";
+import { CommentCard } from "./comments/CommentCard.js";
+import { CommentComposer } from "./comments/CommentComposer.js";
+import { CommentThreadList } from "./comments/CommentThreadList.js";
+import { CommentThread } from "./comments/CommentThread.js";
+import { CommentProvider } from "./comments/CommentProvider.js";
+import { dottedAnchorResolver, exactAnchorResolver, useCommentContext, useCommentContextOptional } from "./comments/comment-context.js";
+import { CommentSidePanel } from "./comments/CommentSidePanel.js";
+import { GroupedComments } from "./comments/GroupedComments.js";
+import { CommentFilterBar } from "./comments/CommentFilterBar.js";
+import { CommentProgress } from "./comments/CommentProgress.js";
+export {
+  CommentAuthorAvatar,
+  CommentCard,
+  CommentComposer,
+  CommentFilterBar,
+  CommentMarkdown,
+  CommentProgress,
+  CommentProvider,
+  CommentSidePanel,
+  CommentThread,
+  CommentThreadList,
+  DEFAULT_CHECKLIST_CYCLE,
+  DEFAULT_COMMENT_STATUSES,
+  DOCUMENT_ANCHOR,
+  GroupedComments,
+  MentionTextarea,
+  applyCommentFilters,
+  authorDisplayName,
+  buildReplyMap,
+  buildThreadListHandlers,
+  commentCountForPrefix,
+  defaultStatusValue,
+  deriveAnchorCounts,
+  deriveAnchorMeta,
+  dottedAnchorResolver,
+  emptyCommentFilters,
+  exactAnchorResolver,
+  getRoots,
+  groupByFacet,
+  hasActiveFilters,
+  isUnresolved,
+  matchMentionsInBody,
+  nextChecklistStatus,
+  resolveFacetOption,
+  resolveStatusConfig,
+  sortReplies,
+  toneToBadgeTone,
+  truncatePlain,
+  useCommentContext,
+  useCommentContextOptional
+};
+//# sourceMappingURL=comments.js.map

package/dist/comments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/FilterBar.cjs

@@ -1939,12 +1939,19 @@ function useDebouncedMultiDraft(value, onChange) {
   const { autoSubmit } = react.useContext(FilterBarContext);
   const [draft, setDraft] = react.useState(value);
   const latestOnChange = react.useRef(onChange);
+  const latestValue = react.useRef(value);
+  const valueKey = multiFilterValueKey(value);
   react.useEffect(() => {
     latestOnChange.current = onChange;
   }, [onChange]);
   react.useEffect(() => {
-    setDraft(value);
-  }, [value]);
+    if (!sameMultiFilterValue(latestValue.current, value)) {
+      latestValue.current = value;
+      setDraft(value);
+      return;
+    }
+    latestValue.current = value;
+  }, [valueKey, value]);
   react.useEffect(() => {
     if (sameMultiFilterValue(draft, value)) return;
     if (!autoSubmit) {
@@ -1955,9 +1962,12 @@ function useDebouncedMultiDraft(value, onChange) {
       latestOnChange.current(draft);
     }, FILTER_INPUT_DEBOUNCE_MS);
     return () => window.clearTimeout(timeoutId);
-  }, [autoSubmit, draft, value]);
+  }, [autoSubmit, draft, valueKey]);
   return [draft, setDraft];
 }
+function multiFilterValueKey(value) {
+  return Object.keys(value).sort().map((key) => `${key}:${value[key]}`).join("\0");
+}
 function sameMultiFilterValue(a, b) {
   const aKeys = Object.keys(a);
   const bKeys = Object.keys(b);