convex-feedback-ui 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/README.md +19 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/native/expo/FeedbackRoutes.d.ts.map +1 -1
  4. package/dist/native/expo/FeedbackRoutes.js +10 -5
  5. package/dist/native/expo/FeedbackRoutes.js.map +1 -1
  6. package/dist/native/expo/FeedbackScreen.d.ts +1 -1
  7. package/dist/native/expo/FeedbackScreen.d.ts.map +1 -1
  8. package/dist/native/expo/FeedbackScreen.js +2 -2
  9. package/dist/native/expo/FeedbackScreen.js.map +1 -1
  10. package/dist/native/expo/FeedbackStack.d.ts.map +1 -1
  11. package/dist/native/expo/FeedbackStack.js +7 -4
  12. package/dist/native/expo/FeedbackStack.js.map +1 -1
  13. package/dist/native/expo/FeedbackStackLayout.d.ts +1 -1
  14. package/dist/native/expo/FeedbackStackLayout.d.ts.map +1 -1
  15. package/dist/native/expo/FeedbackStackLayout.js +2 -2
  16. package/dist/native/expo/FeedbackStackLayout.js.map +1 -1
  17. package/dist/native/expo/types.d.ts +2 -0
  18. package/dist/native/expo/types.d.ts.map +1 -1
  19. package/dist/native/native/FeedbackScreen.d.ts +1 -1
  20. package/dist/native/native/FeedbackScreen.d.ts.map +1 -1
  21. package/dist/native/native/FeedbackScreen.js +2 -2
  22. package/dist/native/native/FeedbackScreen.js.map +1 -1
  23. package/dist/native/shared/ui/BodyContent.d.ts +1 -1
  24. package/dist/native/shared/ui/BodyContent.d.ts.map +1 -1
  25. package/dist/native/shared/ui/BodyContent.js +2 -2
  26. package/dist/native/shared/ui/BodyContent.js.map +1 -1
  27. package/dist/native/shared/ui/Button.d.ts +2 -1
  28. package/dist/native/shared/ui/Button.d.ts.map +1 -1
  29. package/dist/native/shared/ui/Button.js +9 -4
  30. package/dist/native/shared/ui/Button.js.map +1 -1
  31. package/dist/native/shared/ui/FeedbackScreenHeader.d.ts.map +1 -1
  32. package/dist/native/shared/ui/FeedbackScreenHeader.js +8 -4
  33. package/dist/native/shared/ui/FeedbackScreenHeader.js.map +1 -1
  34. package/dist/native/shared/ui/FeedbackScreenList.d.ts +1 -1
  35. package/dist/native/shared/ui/FeedbackScreenList.d.ts.map +1 -1
  36. package/dist/native/shared/ui/FeedbackScreenList.js +18 -5
  37. package/dist/native/shared/ui/FeedbackScreenList.js.map +1 -1
  38. package/dist/native/shared/ui/NewEntry.d.ts.map +1 -1
  39. package/dist/native/shared/ui/NewEntry.js +5 -12
  40. package/dist/native/shared/ui/NewEntry.js.map +1 -1
  41. package/dist/native/shared/ui/primitives.d.ts +7 -1
  42. package/dist/native/shared/ui/primitives.d.ts.map +1 -1
  43. package/dist/native/shared/ui/primitives.js +38 -0
  44. package/dist/native/shared/ui/primitives.js.map +1 -1
  45. package/dist/react/primitives.d.ts +9 -1
  46. package/dist/react/primitives.d.ts.map +1 -1
  47. package/dist/react/primitives.js +12 -0
  48. package/dist/react/primitives.js.map +1 -1
  49. package/dist/react/screen.d.ts +1 -1
  50. package/dist/react/screen.d.ts.map +1 -1
  51. package/dist/react/screen.js +21 -10
  52. package/dist/react/screen.js.map +1 -1
  53. package/dist/react/styles.css +38 -1
  54. package/dist/shared/context/FeedbackBodyProvider.d.ts +1 -1
  55. package/dist/shared/context/FeedbackBodyProvider.d.ts.map +1 -1
  56. package/dist/shared/context/FeedbackBodyProvider.js +5 -1
  57. package/dist/shared/context/FeedbackBodyProvider.js.map +1 -1
  58. package/dist/shared/helpers.d.ts +5 -1
  59. package/dist/shared/helpers.d.ts.map +1 -1
  60. package/dist/shared/helpers.js +11 -0
  61. package/dist/shared/helpers.js.map +1 -1
  62. package/dist/shared/messages.d.ts.map +1 -1
  63. package/dist/shared/messages.js +1 -0
  64. package/dist/shared/messages.js.map +1 -1
  65. package/dist/shared/types/choice.d.ts +10 -0
  66. package/dist/shared/types/choice.d.ts.map +1 -0
  67. package/dist/shared/types/choice.js +2 -0
  68. package/dist/shared/types/choice.js.map +1 -0
  69. package/dist/shared/types/index.d.ts +1 -0
  70. package/dist/shared/types/index.d.ts.map +1 -1
  71. package/dist/shared/types/messages.d.ts +2 -0
  72. package/dist/shared/types/messages.d.ts.map +1 -1
  73. package/dist/shared/types/screen.d.ts +9 -2
  74. package/dist/shared/types/screen.d.ts.map +1 -1
  75. package/package.json +6 -2
  76. package/src/native/expo/FeedbackRoutes.tsx +37 -3
  77. package/src/native/expo/FeedbackScreen.tsx +2 -0
  78. package/src/native/expo/FeedbackStack.tsx +25 -2
  79. package/src/native/expo/FeedbackStackLayout.tsx +2 -0
  80. package/src/native/expo/README.md +2 -2
  81. package/src/native/expo/types.ts +2 -0
  82. package/src/native/native/FeedbackScreen.tsx +2 -0
  83. package/src/native/shared/ui/BodyContent.tsx +2 -0
  84. package/src/native/shared/ui/Button.tsx +12 -3
  85. package/src/native/shared/ui/FeedbackScreenHeader.tsx +25 -4
  86. package/src/native/shared/ui/FeedbackScreenList.tsx +47 -8
  87. package/src/native/shared/ui/NewEntry.tsx +10 -28
  88. package/src/native/shared/ui/primitives.tsx +90 -0
  89. package/src/react/primitives.tsx +55 -0
  90. package/src/react/screen.tsx +67 -33
  91. package/src/react/styles.css +38 -1
  92. package/src/shared/context/FeedbackBodyProvider.tsx +6 -0
  93. package/src/shared/helpers.ts +21 -1
  94. package/src/shared/messages.ts +1 -0
  95. package/src/shared/types/choice.ts +10 -0
  96. package/src/shared/types/index.ts +1 -0
  97. package/src/shared/types/messages.ts +3 -0
  98. package/src/shared/types/screen.ts +11 -1
@@ -1,5 +1,9 @@
1
- import type { EntryKind } from "convex-feedback";
1
+ import type { EntryKind, EntryStatusFilter } from "convex-feedback";
2
+ import type { FeedbackMessages } from "./types/messages.js";
3
+ import type { ChoiceChipOption } from "./types/choice.js";
2
4
  export declare const kinds: readonly EntryKind[];
5
+ export declare function createEntryLabel(enabledKinds: readonly EntryKind[], messages: FeedbackMessages): string;
6
+ export declare function entryStatusChoices(messages: FeedbackMessages): readonly ChoiceChipOption<EntryStatusFilter>[];
3
7
  export declare function debounce<TArgs extends unknown[]>(callback: (...args: TArgs) => void, delay: number): {
4
8
  (...args: TArgs): void;
5
9
  cancel(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,eAAO,MAAM,KAAK,EAAE,SAAS,SAAS,EAIrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,SAAS,OAAO,EAAE,EAC9C,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM;cAIe,KAAK;;EAkBlC"}
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,SAAS,SAAS,EAIrC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,QAAQ,EAAE,gBAAgB,GACzB,MAAM,CAIR;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,gBAAgB,GACzB,SAAS,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAKhD;AAED,wBAAgB,QAAQ,CAAC,KAAK,SAAS,OAAO,EAAE,EAC9C,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM;cAIe,KAAK;;EAkBlC"}
@@ -3,6 +3,17 @@ export const kinds = [
3
3
  "feature_request",
4
4
  "bug_report",
5
5
  ];
6
+ export function createEntryLabel(enabledKinds, messages) {
7
+ return enabledKinds.length === 1
8
+ ? messages.newFeedback[enabledKinds[0]]
9
+ : messages.board.createEntry;
10
+ }
11
+ export function entryStatusChoices(messages) {
12
+ return [
13
+ { value: "open", label: messages.statuses.open },
14
+ { value: "closed", label: messages.statuses.closed },
15
+ ];
16
+ }
6
17
  export function debounce(callback, delay) {
7
18
  let timeout;
8
19
  const debounced = (...args) => {
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAyB;IACzC,UAAU;IACV,iBAAiB;IACjB,YAAY;CACb,CAAC;AAEF,MAAM,UAAU,QAAQ,CACtB,QAAkC,EAClC,KAAa;IAEb,IAAI,OAAkD,CAAC;IAEvD,MAAM,SAAS,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;QACnC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,SAAS,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,KAAK,GAAyB;IACzC,UAAU;IACV,iBAAiB;IACjB,YAAY;CACb,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAC9B,YAAkC,EAClC,QAA0B;IAE1B,OAAO,YAAY,CAAC,MAAM,KAAK,CAAC;QAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAE,CAAC;QACxC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,QAA0B;IAE1B,OAAO;QACL,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE;KACrD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAkC,EAClC,KAAa;IAEb,IAAI,OAAkD,CAAC;IAEvD,MAAM,SAAS,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;QACnC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,SAAS,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,uBAAuB,EAAE,gBA8ErC,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,SAAS,GAAE,wBAA6B,GACvC,gBAAgB,CAwBlB"}
1
+ {"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,uBAAuB,EAAE,gBA+ErC,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,SAAS,GAAE,wBAA6B,GACvC,gBAAgB,CAwBlB"}
@@ -3,6 +3,7 @@ export const englishFeedbackMessages = {
3
3
  title: "Feedback",
4
4
  subtitle: "Share ideas, report problems, and help shape what comes next.",
5
5
  searchPlaceholder: "Search feedback…",
6
+ statusFilter: "Filter by status",
6
7
  createEntry: "Create feedback",
7
8
  noEntries: "No feedback yet.",
8
9
  noSearchResults: "No matching feedback found.",
@@ -1 +1 @@
1
- {"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,KAAK,EAAE;QACL,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,+DAA+D;QACzE,iBAAiB,EAAE,kBAAkB;QACrC,YAAY,EAAE,kBAAkB;QAChC,WAAW,EAAE,iBAAiB;QAC9B,SAAS,EAAE,kBAAkB;QAC7B,eAAe,EAAE,6BAA6B;QAC9C,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,WAAW;KACtB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,iBAAiB;QAClC,UAAU,EAAE,YAAY;KACzB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,kBAAkB;QACnC,UAAU,EAAE,aAAa;KAC1B;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,cAAc;QACxB,eAAe,EAAE,qBAAqB;QACtC,UAAU,EAAE,gBAAgB;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,aAAa;QAC1B,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;KACjB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,eAAe;QAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE;QACvE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,SAAS;KAChB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,OAAO;KACf;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,gBAAgB,EAAE,yBAAyB;QAC3C,IAAI,EAAE,SAAS;QACf,eAAe,EAAE,eAAe;QAChC,MAAM,EAAE,iBAAiB;QACzB,MAAM,EAAE,QAAQ;QAChB,kBAAkB,EAAE,4BAA4B;QAChD,cAAc,EAAE,wBAAwB;QACxC,gBAAgB,EACd,iFAAiF;QACnF,YAAY,EAAE,gBAAgB;KAC/B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,gBAAgB;QAC7B,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,cAAc;QAC3B,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;QAChB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CACrB,QAAQ,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE;QACtD,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,iBAAiB;QAC1B,UAAU,EAAE,kBAAkB;QAC9B,QAAQ,EAAE,oBAAoB;KAC/B;CACF,CAAC;AAEF,MAAM,UAAU,qBAAqB,CACnC,YAAsC,EAAE;IAExC,OAAO;QACL,KAAK,EAAE,EAAE,GAAG,uBAAuB,CAAC,KAAK,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE;QAC/D,KAAK,EAAE;YACL,GAAG,uBAAuB,CAAC,KAAK;YAChC,GAAG,SAAS,CAAC,KAAK;SACnB;QACD,WAAW,EAAE;YACX,GAAG,uBAAuB,CAAC,WAAW;YACtC,GAAG,SAAS,CAAC,WAAW;SACzB;QACD,WAAW,EAAE;YACX,GAAG,uBAAuB,CAAC,WAAW;YACtC,GAAG,SAAS,CAAC,WAAW;SACzB;QACD,QAAQ,EAAE;YACR,GAAG,uBAAuB,CAAC,QAAQ;YACnC,GAAG,SAAS,CAAC,QAAQ;SACtB;QACD,KAAK,EAAE,EAAE,GAAG,uBAAuB,CAAC,KAAK,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE;QAC/D,QAAQ,EAAE,EAAE,GAAG,uBAAuB,CAAC,QAAQ,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE;QACxE,IAAI,EAAE,EAAE,GAAG,uBAAuB,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE;QAC5D,QAAQ,EAAE,EAAE,GAAG,uBAAuB,CAAC,QAAQ,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE;KACzE,CAAC;AACJ,CAAC"}
@@ -0,0 +1,10 @@
1
+ export interface ChoiceChipOption<Value extends string = string> {
2
+ value: Value;
3
+ label: string;
4
+ }
5
+ export interface ChoiceChipsBaseProps<Value extends string = string> {
6
+ options: readonly ChoiceChipOption<Value>[];
7
+ value: Value;
8
+ onValueChange: (value: Value) => void;
9
+ }
10
+ //# sourceMappingURL=choice.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../../src/shared/types/choice.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IACjE,OAAO,EAAE,SAAS,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=choice.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"choice.js","sourceRoot":"","sources":["../../../src/shared/types/choice.ts"],"names":[],"mappings":""}
@@ -1,5 +1,6 @@
1
1
  export type * from "./board.js";
2
2
  export type * from "./comment.js";
3
+ export type * from "./choice.js";
3
4
  export type * from "./context.js";
4
5
  export type * from "./entry.js";
5
6
  export type * from "./form.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,YAAY,CAAC"}
@@ -14,6 +14,8 @@ export interface FeedbackMessages {
14
14
  subtitle: string;
15
15
  /** Search input placeholder. */
16
16
  searchPlaceholder: string;
17
+ /** Accessible label for the open/closed entry status filter. */
18
+ statusFilter: string;
17
19
  /** CTA for opening the create-entry flow.
18
20
  * This is shown when enabled kinds are two or more.
19
21
  * Use messages.newFeedback for a single-kind entry.
@@ -1 +1 @@
1
- {"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/shared/types/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE;QACL,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QAEd,oDAAoD;QACpD,QAAQ,EAAE,MAAM,CAAC;QAEjB,gCAAgC;QAChC,iBAAiB,EAAE,MAAM,CAAC;QAE1B;;;WAGG;QACH,WAAW,EAAE,MAAM,CAAC;QAEpB,8CAA8C;QAC9C,SAAS,EAAE,MAAM,CAAC;QAElB,0DAA0D;QAC1D,eAAe,EAAE,MAAM,CAAC;QAExB,4BAA4B;QAC5B,OAAO,EAAE,MAAM,CAAC;QAEhB,4BAA4B;QAC5B,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IAEF,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEjC,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEvC,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEvC,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAEtC,2CAA2C;IAC3C,KAAK,EAAE;QACL,qDAAqD;QACrD,MAAM,EAAE,MAAM,CAAC;QAEf,uDAAuD;QACvD,YAAY,EAAE,MAAM,CAAC;QAErB,uCAAuC;QACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QAEpC,kCAAkC;QAClC,IAAI,EAAE,MAAM,CAAC;QAEb,gDAAgD;QAChD,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAEF,+CAA+C;IAC/C,QAAQ,EAAE;QACR,6CAA6C;QAC7C,IAAI,EAAE,MAAM,CAAC;QAEb,+BAA+B;QAC/B,KAAK,EAAE,MAAM,CAAC;QAEd,kDAAkD;QAClD,QAAQ,EAAE,MAAM,CAAC;QAEjB,wCAAwC;QACxC,UAAU,EAAE,MAAM,CAAC;QAEnB,wDAAwD;QACxD,KAAK,EAAE,MAAM,CAAC;QAEd,kCAAkC;QAClC,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,8BAA8B;IAC9B,IAAI,EAAE;QACJ,8BAA8B;QAC9B,IAAI,EAAE,MAAM,CAAC;QAEb,+BAA+B;QAC/B,KAAK,EAAE,MAAM,CAAC;QAEd,+BAA+B;QAC/B,gBAAgB,EAAE,MAAM,CAAC;QAEzB,8BAA8B;QAC9B,IAAI,EAAE,MAAM,CAAC;QAEb,8BAA8B;QAC9B,eAAe,EAAE,MAAM,CAAC;QAExB,+BAA+B;QAC/B,MAAM,EAAE,MAAM,CAAC;QAEf,yCAAyC;QACzC,MAAM,EAAE,MAAM,CAAC;QAEf,6DAA6D;QAC7D,kBAAkB,EAAE,MAAM,CAAC;QAE3B,iEAAiE;QACjE,cAAc,EAAE,MAAM,CAAC;QAEvB,yEAAyE;QACzE,gBAAgB,EAAE,MAAM,CAAC;QAEzB,sEAAsE;QACtE,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,2BAA2B;IAC3B,QAAQ,EAAE;QACR,iCAAiC;QACjC,KAAK,EAAE,MAAM,CAAC;QAEd,uCAAuC;QACvC,WAAW,EAAE,MAAM,CAAC;QAEpB,uCAAuC;QACvC,MAAM,EAAE,MAAM,CAAC;QAEf,oBAAoB;QACpB,KAAK,EAAE,MAAM,CAAC;QAEd,oCAAoC;QACpC,WAAW,EAAE,MAAM,CAAC;QAEpB,2BAA2B;QAC3B,IAAI,EAAE,MAAM,CAAC;QAEb,8BAA8B;QAC9B,MAAM,EAAE,MAAM,CAAC;QAEf,qEAAqE;QACrE,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QAEvC,0CAA0C;QAC1C,WAAW,EAAE,MAAM,CAAC;QAEpB,mDAAmD;QACnD,OAAO,EAAE,MAAM,CAAC;QAEhB,+CAA+C;QAC/C,UAAU,EAAE,MAAM,CAAC;QAEnB,oCAAoC;QACpC,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAEvD,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAEvD,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAC;IAEnE,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAC;IAEnE,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,GAAG,SAAS,CAAC;IAE7D,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAEvD,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,GAAG,SAAS,CAAC;IAE7D,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;IAErD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,GAAG,SAAS,CAAC;CAC9D"}
1
+ {"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/shared/types/messages.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import type { CommentSort, EntryKind, EntrySort, FeedbackComment, FeedbackEntry } from "convex-feedback";
1
+ import type { CommentSort, EntryKind, EntrySort, EntryStatusFilter, FeedbackComment, FeedbackEntry } from "convex-feedback";
2
2
  import type { FeedbackHooks } from "convex-feedback/react";
3
3
  import type { ReactNode } from "react";
4
4
  import type { FeedbackColorProps, FeedbackProviderProps } from "./context.js";
@@ -75,11 +75,14 @@ export interface FeedbackScreenBaseProps {
75
75
  * entry kind. Disabled by default.
76
76
  */
77
77
  collectMetadata?: CollectMetadata;
78
+ /** Optional host-owned content rendered above the empty-state message. */
79
+ emptyState?: ReactNode;
78
80
  }
79
81
  export interface FeedbackScreenRootProps extends Omit<FeedbackProviderProps, "children">, FeedbackColorProps, FeedbackScreenBaseProps, FeedbackScreenTransformationProps {
80
82
  }
81
- export interface FeedbackScreenProviderProps extends Required<Omit<FeedbackScreenBaseProps, "collectMetadata">>, FeedbackScreenTransformationProps {
83
+ export interface FeedbackScreenProviderProps extends Required<Omit<FeedbackScreenBaseProps, "collectMetadata" | "emptyState">>, FeedbackScreenTransformationProps {
82
84
  collectMetadata?: CollectMetadata;
85
+ emptyState?: ReactNode;
83
86
  collectStandardMetadata: StandardMetadataCollector;
84
87
  }
85
88
  export interface FeedbackScreenBodyContextValue extends FeedbackScreenTransformationProps, FeedbackScreenProviderProps {
@@ -88,11 +91,13 @@ export interface FeedbackScreenBodyContextValue extends FeedbackScreenTransforma
88
91
  showForm: boolean;
89
92
  isSearching: boolean;
90
93
  selectedEntryId: string | null;
94
+ statusFilter: EntryStatusFilter;
91
95
  setQuery: React.Dispatch<React.SetStateAction<string>>;
92
96
  setDebouncedQuery: React.Dispatch<React.SetStateAction<string>>;
93
97
  setShowForm: React.Dispatch<React.SetStateAction<boolean>>;
94
98
  setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
95
99
  setSelectedEntryId: React.Dispatch<React.SetStateAction<string | null>>;
100
+ setStatusFilter: React.Dispatch<React.SetStateAction<EntryStatusFilter>>;
96
101
  }
97
102
  export type FeedbackScreenBodyProps = FeedbackColorProps;
98
103
  export interface FeedbackScreenListProps {
@@ -110,6 +115,8 @@ export interface FeedbackScreenListProps {
110
115
  * @default true
111
116
  */
112
117
  showSelectedEntry?: boolean;
118
+ /** Callback for the empty-state create-entry action. */
119
+ onCreateEntry?: () => void;
113
120
  }
114
121
  export interface FeedbackScreenContentProps extends FeedbackColorProps, Partial<FeedbackScreenListProps> {
115
122
  }
@@ -1 +1 @@
1
- {"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../../src/shared/types/screen.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../../src/shared/types/screen.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,8 +1,12 @@
1
1
  {
2
2
  "name": "convex-feedback-ui",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "Customizable React and React Native UI primitives for convex-feedback.",
5
5
  "license": "Apache-2.0",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "https://github.com/Moumen-io/convex-feedback.git"
9
+ },
6
10
  "type": "module",
7
11
  "sideEffects": [
8
12
  "./dist/react/styles.css"
@@ -36,7 +40,7 @@
36
40
  "prepack": "npm run build"
37
41
  },
38
42
  "peerDependencies": {
39
- "convex-feedback": "^0.1.4",
43
+ "convex-feedback": "^0.1.5",
40
44
  "react": ">=18.2.0",
41
45
  "react-native": ">=0.83.0",
42
46
  "react-native-safe-area-context": ">=5.4.0",
@@ -5,6 +5,7 @@ import type { EntryKind } from "convex-feedback";
5
5
 
6
6
  import { useFeedbackBody } from "../../shared/context/FeedbackBodyProvider.js";
7
7
  import { useFeedbackUi } from "../../shared/context/FeedbackProvider.js";
8
+ import { createEntryLabel, entryStatusChoices } from "../../shared/helpers.js";
8
9
  import { EntryDetail } from "../shared/ui/EntryDetail.js";
9
10
  import { FeedbackScreenList } from "../shared/ui/FeedbackScreenList.js";
10
11
  import { CreateEntryForm } from "../shared/ui/NewEntry.js";
@@ -14,7 +15,15 @@ import { useRoutedFeedbackModal } from "./RoutedFeedbackModalContext.js";
14
15
  import { useRoutedFeedback } from "./RoutedFeedbackContext.js";
15
16
 
16
17
  export function FeedbackBoardScreen() {
17
- const { query, isSearching, setQuery, setIsSearching } = useFeedbackBody();
18
+ const {
19
+ query,
20
+ isSearching,
21
+ setQuery,
22
+ setIsSearching,
23
+ enabledKinds,
24
+ statusFilter,
25
+ setStatusFilter,
26
+ } = useFeedbackBody();
18
27
  const { messages, theme } = useFeedbackUi();
19
28
  const { routes, colors, androidToolbarIcons } = useRoutedFeedback();
20
29
  const router = useRouter();
@@ -41,6 +50,11 @@ export function FeedbackBoardScreen() {
41
50
  showSelectedEntry={false}
42
51
  hideBackButton
43
52
  onEntryOpen={openEntry}
53
+ onCreateEntry={() =>
54
+ router.push(feedbackRouteHref(routes.create), {
55
+ relativeToDirectory: true,
56
+ })
57
+ }
44
58
  />
45
59
  </FeedbackBoard.Root>
46
60
 
@@ -50,7 +64,7 @@ export function FeedbackBoardScreen() {
50
64
  process.env.EXPO_OS === "ios" ? "plus" : androidToolbarIcons.create
51
65
  }
52
66
  variant="prominent"
53
- accessibilityLabel={messages.board.createEntry}
67
+ accessibilityLabel={createEntryLabel(enabledKinds, messages)}
54
68
  onPress={() =>
55
69
  router.push(feedbackRouteHref(routes.create), {
56
70
  relativeToDirectory: true,
@@ -58,7 +72,7 @@ export function FeedbackBoardScreen() {
58
72
  }
59
73
  tintColor={theme.colors.primary}
60
74
  >
61
- {messages.board.createEntry}
75
+ {createEntryLabel(enabledKinds, messages)}
62
76
  </Stack.Toolbar.Button>
63
77
  </Stack.Toolbar>
64
78
  <Stack.Toolbar placement="left">
@@ -88,6 +102,26 @@ export function FeedbackBoardScreen() {
88
102
  />
89
103
  <Stack.Toolbar placement="bottom">
90
104
  <Stack.Toolbar.SearchBarSlot />
105
+ <Stack.Toolbar.Menu
106
+ icon={
107
+ process.env.EXPO_OS === "ios"
108
+ ? "line.3.horizontal.decrease"
109
+ : androidToolbarIcons.filter
110
+ }
111
+ title={messages.board.statusFilter}
112
+ accessibilityLabel={messages.board.statusFilter}
113
+ tintColor={theme.colors.primary}
114
+ >
115
+ {entryStatusChoices(messages).map(({ value, label }) => (
116
+ <Stack.Toolbar.MenuAction
117
+ key={value}
118
+ isOn={statusFilter === value}
119
+ onPress={() => setStatusFilter(value)}
120
+ >
121
+ {label}
122
+ </Stack.Toolbar.MenuAction>
123
+ ))}
124
+ </Stack.Toolbar.Menu>
91
125
  </Stack.Toolbar>
92
126
  </>
93
127
  );
@@ -16,6 +16,7 @@ export function FeedbackScreen({
16
16
  maxCommentDepth = 5,
17
17
  debounceDuration = 300,
18
18
  collectMetadata,
19
+ emptyState,
19
20
  transformComments,
20
21
  renderActor,
21
22
  ...props
@@ -30,6 +31,7 @@ export function FeedbackScreen({
30
31
  maxCommentDepth={maxCommentDepth}
31
32
  debounceDuration={debounceDuration}
32
33
  collectMetadata={collectMetadata}
34
+ emptyState={emptyState}
33
35
  collectStandardMetadata={collectExpoMetadata}
34
36
  transformComments={transformComments}
35
37
  renderActor={renderActor}
@@ -1,6 +1,7 @@
1
1
  import { Stack, useRouter } from "expo-router";
2
2
  import { useFeedbackBody } from "../../shared/context/FeedbackBodyProvider";
3
3
  import { useFeedbackUi } from "../../shared/context/FeedbackProvider";
4
+ import { createEntryLabel, entryStatusChoices } from "../../shared/helpers";
4
5
  import type { FeedbackStackProps } from "./types";
5
6
 
6
7
  export function FeedbackStack({
@@ -17,6 +18,8 @@ export function FeedbackStack({
17
18
  setShowForm,
18
19
  setIsSearching,
19
20
  setSelectedEntryId,
21
+ statusFilter,
22
+ setStatusFilter,
20
23
  } = useFeedbackBody();
21
24
  const { messages, theme } = useFeedbackUi();
22
25
  const router = useRouter();
@@ -59,11 +62,11 @@ export function FeedbackStack({
59
62
  process.env.EXPO_OS === "ios" ? "plus" : androidToolbarIcons.create
60
63
  }
61
64
  variant="prominent"
62
- accessibilityLabel={messages.board.createEntry}
65
+ accessibilityLabel={createEntryLabel(enabledKinds, messages)}
63
66
  onPress={() => setShowForm(true)}
64
67
  tintColor={theme.colors.primary}
65
68
  >
66
- {messages.board.createEntry}
69
+ {createEntryLabel(enabledKinds, messages)}
67
70
  </Stack.Toolbar.Button>
68
71
  </Stack.Toolbar>
69
72
  <Stack.Toolbar placement="left">
@@ -105,6 +108,26 @@ export function FeedbackStack({
105
108
  />
106
109
  <Stack.Toolbar placement="bottom">
107
110
  <Stack.Toolbar.SearchBarSlot />
111
+ <Stack.Toolbar.Menu
112
+ icon={
113
+ process.env.EXPO_OS === "ios"
114
+ ? "line.3.horizontal.decrease"
115
+ : androidToolbarIcons.filter
116
+ }
117
+ title={messages.board.statusFilter}
118
+ accessibilityLabel={messages.board.statusFilter}
119
+ tintColor={theme.colors.primary}
120
+ >
121
+ {entryStatusChoices(messages).map(({ value, label }) => (
122
+ <Stack.Toolbar.MenuAction
123
+ key={value}
124
+ isOn={statusFilter === value}
125
+ onPress={() => setStatusFilter(value)}
126
+ >
127
+ {label}
128
+ </Stack.Toolbar.MenuAction>
129
+ ))}
130
+ </Stack.Toolbar.Menu>
108
131
  </Stack.Toolbar>
109
132
  </>
110
133
  );
@@ -21,6 +21,7 @@ export function FeedbackStackLayout({
21
21
  maxCommentDepth = 5,
22
22
  debounceDuration = 300,
23
23
  collectMetadata,
24
+ emptyState,
24
25
  transformComments,
25
26
  renderActor,
26
27
  routes: routeOverrides,
@@ -72,6 +73,7 @@ export function FeedbackStackLayout({
72
73
  maxCommentDepth={maxCommentDepth}
73
74
  debounceDuration={debounceDuration}
74
75
  collectMetadata={collectMetadata}
76
+ emptyState={emptyState}
75
77
  collectStandardMetadata={collectExpoMetadata}
76
78
  transformComments={transformComments}
77
79
  renderActor={renderActor}
@@ -34,8 +34,8 @@ suggested entries retain the form behind them. Use
34
34
 
35
35
  Toolbar actions retain their package-provided SF Symbols on iOS. Pass
36
36
  `androidToolbarIcons` to `FeedbackScreen` or `FeedbackStackLayout` with Android
37
- `ImageSourcePropType` values for the create, back, and close actions. Missing
38
- Android images fall back to text labels.
37
+ `ImageSourcePropType` values for the create, back, close, and filter actions.
38
+ Missing Android images fall back to text labels.
39
39
 
40
40
  The existing `FeedbackScreen` remains the self-contained API for conditional
41
41
  in-screen navigation.
@@ -52,6 +52,8 @@ export interface FeedbackAndroidToolbarIcons {
52
52
  back?: ImageSourcePropType;
53
53
  /** Android image source for modal close actions. */
54
54
  close?: ImageSourcePropType;
55
+ /** Android image source for the open/closed status filter. */
56
+ filter?: ImageSourcePropType;
55
57
  }
56
58
 
57
59
  export interface FeedbackStackLayoutProps extends FeedbackScreenRootProps {
@@ -16,6 +16,7 @@ export function FeedbackScreen({
16
16
  maxCommentDepth = 5,
17
17
  debounceDuration = 300,
18
18
  collectMetadata,
19
+ emptyState,
19
20
  transformComments,
20
21
  renderActor,
21
22
  ...props
@@ -30,6 +31,7 @@ export function FeedbackScreen({
30
31
  maxCommentDepth={maxCommentDepth}
31
32
  debounceDuration={debounceDuration}
32
33
  collectMetadata={collectMetadata}
34
+ emptyState={emptyState}
33
35
  collectStandardMetadata={collectNativeMetadata}
34
36
  transformComments={transformComments}
35
37
  renderActor={renderActor}
@@ -9,6 +9,7 @@ export function FeedbackScreenContent({
9
9
  showHeader = true,
10
10
  hideBackButton = false,
11
11
  onEntryOpen,
12
+ onCreateEntry,
12
13
  ...colors
13
14
  }: FeedbackScreenContentProps) {
14
15
  const { showForm, setShowForm, setSelectedEntryId } = useFeedbackBody();
@@ -26,6 +27,7 @@ export function FeedbackScreenContent({
26
27
  <FeedbackScreenList
27
28
  hideBackButton={hideBackButton}
28
29
  onEntryOpen={handleEntryOpen}
30
+ onCreateEntry={onCreateEntry}
29
31
  />
30
32
  </FeedbackBoard.Root>
31
33
 
@@ -4,24 +4,33 @@ import { useFeedbackUi } from "../../../shared/context/FeedbackProvider.js";
4
4
  export function Button({
5
5
  label,
6
6
  onPress,
7
+ variant = "default",
7
8
  }: {
8
9
  label: string;
9
10
  onPress: () => void;
11
+ variant?: "default" | "primary";
10
12
  }) {
11
13
  const { theme } = useFeedbackUi();
14
+ const primary = variant === "primary";
12
15
  return (
13
16
  <Pressable
14
17
  onPress={onPress}
15
18
  style={{
16
- alignSelf: "flex-start",
19
+ alignSelf: primary ? "center" : "flex-start",
17
20
  paddingVertical: 8,
18
21
  paddingHorizontal: 11,
19
22
  borderRadius: 8,
20
23
  borderWidth: 1,
21
- borderColor: theme.colors.border,
24
+ borderColor: primary ? theme.colors.primary : theme.colors.border,
25
+ backgroundColor: primary ? theme.colors.primary : undefined,
22
26
  }}
23
27
  >
24
- <Text style={{ color: theme.colors.text, fontWeight: "600" }}>
28
+ <Text
29
+ style={{
30
+ color: primary ? theme.colors.primaryForeground : theme.colors.text,
31
+ fontWeight: "600",
32
+ }}
33
+ >
25
34
  {label}
26
35
  </Text>
27
36
  </Pressable>
@@ -2,10 +2,19 @@ import { Pressable, Text } from "react-native";
2
2
  import { useSafeAreaInsets } from "react-native-safe-area-context";
3
3
  import { useFeedbackBody } from "../../../shared/context/FeedbackBodyProvider";
4
4
  import { useFeedbackUi } from "../../../shared/context/FeedbackProvider";
5
- import { FeedbackBoard } from "./primitives";
5
+ import { createEntryLabel, entryStatusChoices } from "../../../shared/helpers";
6
+ import { ChoiceChips, FeedbackBoard } from "./primitives";
6
7
 
7
8
  export function FeedbackScreenHeader() {
8
- const { query, setShowForm, setQuery, enabledKinds } = useFeedbackBody();
9
+ const {
10
+ query,
11
+ setShowForm,
12
+ setQuery,
13
+ setIsSearching,
14
+ enabledKinds,
15
+ statusFilter,
16
+ setStatusFilter,
17
+ } = useFeedbackBody();
9
18
  const { messages, theme } = useFeedbackUi();
10
19
  const { top } = useSafeAreaInsets();
11
20
 
@@ -20,6 +29,12 @@ export function FeedbackScreenHeader() {
20
29
  <Text style={{ color: theme.colors.mutedText }}>
21
30
  {messages.board.subtitle}
22
31
  </Text>
32
+ <ChoiceChips
33
+ accessibilityLabel={messages.board.statusFilter}
34
+ options={entryStatusChoices(messages)}
35
+ value={statusFilter}
36
+ onValueChange={setStatusFilter}
37
+ />
23
38
  <Pressable
24
39
  onPress={() => setShowForm(true)}
25
40
  style={{
@@ -33,10 +48,16 @@ export function FeedbackScreenHeader() {
33
48
  <Text
34
49
  style={{ color: theme.colors.primaryForeground, fontWeight: "700" }}
35
50
  >
36
- {messages.board.createEntry}
51
+ {createEntryLabel(enabledKinds, messages)}
37
52
  </Text>
38
53
  </Pressable>
39
- <FeedbackBoard.Search value={query} onValueChange={(q) => setQuery(q)} />
54
+ <FeedbackBoard.Search
55
+ value={query}
56
+ onValueChange={(q) => {
57
+ setQuery(q);
58
+ setIsSearching(q.trim().length > 0);
59
+ }}
60
+ />
40
61
  </FeedbackBoard.Header>
41
62
  );
42
63
  }
@@ -1,5 +1,8 @@
1
+ import { Text } from "react-native";
2
+
1
3
  import { useFeedbackBody } from "../../../shared/context/FeedbackBodyProvider.js";
2
4
  import { useFeedbackUi } from "../../../shared/context/FeedbackProvider.js";
5
+ import { createEntryLabel } from "../../../shared/helpers.js";
3
6
  import type { FeedbackScreenListProps } from "../../../shared/types/index.js";
4
7
  import { Button } from "./Button.js";
5
8
  import { EntryCard } from "./EntryCard.js";
@@ -10,46 +13,82 @@ export function FeedbackScreenList({
10
13
  hideBackButton = false,
11
14
  showSelectedEntry = true,
12
15
  onEntryOpen,
16
+ onCreateEntry,
13
17
  }: FeedbackScreenListProps) {
14
18
  const {
15
19
  hooks,
16
20
  entrySort,
17
21
  isSearching,
18
22
  enabledKinds,
23
+ statusFilter,
19
24
  selectedEntryId,
20
25
  debouncedQuery,
21
26
  setSelectedEntryId,
27
+ setShowForm,
28
+ emptyState,
22
29
  } = useFeedbackBody();
23
30
  const { messages, theme } = useFeedbackUi();
24
31
 
25
- const list = hooks.useEntries({ sort: entrySort, kinds: enabledKinds });
32
+ const list = hooks.useEntries({
33
+ sort: entrySort,
34
+ kinds: enabledKinds,
35
+ statusFilter,
36
+ });
26
37
  const search = hooks.useSearchEntries({
27
38
  searchQuery: debouncedQuery,
28
39
  kinds: enabledKinds,
40
+ statusFilter,
29
41
  });
30
42
 
31
43
  const entries = isSearching ? search : list.results;
44
+ const createEntry = onCreateEntry ?? (() => setShowForm(true));
45
+
46
+ const loading = isSearching
47
+ ? search === undefined
48
+ : list.status === "LoadingFirstPage";
32
49
 
33
50
  return (
34
51
  <>
35
- <FeedbackBoard.List style={{ padding: theme.spacing }}>
36
- {showSelectedEntry && selectedEntryId ? (
52
+ {showSelectedEntry && selectedEntryId ? (
53
+ <FeedbackBoard.List style={{ padding: theme.spacing }}>
37
54
  <EntryDetail
38
55
  entryId={selectedEntryId}
39
56
  hideBackButton={hideBackButton}
40
57
  onBack={() => setSelectedEntryId(null)}
41
58
  />
42
- ) : (
43
- (entries ?? []).map((entry) => (
59
+ </FeedbackBoard.List>
60
+ ) : loading ? (
61
+ <FeedbackBoard.State>
62
+ <Text style={{ color: theme.colors.mutedText }}>
63
+ {messages.board.loading}
64
+ </Text>
65
+ </FeedbackBoard.State>
66
+ ) : entries !== undefined && entries.length === 0 ? (
67
+ <FeedbackBoard.State>
68
+ {emptyState}
69
+ <Text style={{ color: theme.colors.mutedText, textAlign: "center" }}>
70
+ {isSearching
71
+ ? messages.board.noSearchResults
72
+ : messages.board.noEntries}
73
+ </Text>
74
+ <Button
75
+ label={createEntryLabel(enabledKinds, messages)}
76
+ onPress={createEntry}
77
+ variant="primary"
78
+ />
79
+ </FeedbackBoard.State>
80
+ ) : (
81
+ <FeedbackBoard.List style={{ padding: theme.spacing }}>
82
+ {(entries ?? []).map((entry) => (
44
83
  <EntryCard
45
84
  key={entry.id}
46
85
  entry={entry}
47
86
  hooks={hooks}
48
87
  onOpen={() => onEntryOpen(entry.id)}
49
88
  />
50
- ))
51
- )}
52
- </FeedbackBoard.List>
89
+ ))}
90
+ </FeedbackBoard.List>
91
+ )}
53
92
 
54
93
  {!isSearching && list.status === "CanLoadMore" && (
55
94
  <Button