@postxl/generators 1.11.5 → 1.11.6

package/dist/frontend-core/template/src/components/admin/admin-slicer.tsx

@@ -14,6 +14,7 @@ export const AdminSlicer = <TField extends FilterFieldName, TFilters extends Fil
   title,
   optionsHeight,
   className,
+  __e2e_test_id__,
 }: {
   field: TField
   filters: TFilters
@@ -23,6 +24,7 @@ export const AdminSlicer = <TField extends FilterFieldName, TFilters extends Fil
   title?: string
   optionsHeight?: number
   className?: string
+  __e2e_test_id__?: string
 }) => {
   const fieldConfig = config[field]
   const { filterKey, valueType: fieldType } = fieldConfig
@@ -183,6 +185,7 @@ export const AdminSlicer = <TField extends FilterFieldName, TFilters extends Fil
       isLoading={isLoading}
       optionsHeight={optionsHeight}
       className={className}
+      __e2e_test_id__={__e2e_test_id__}
     />
   )
 }

package/dist/frontend-core/template/src/components/admin/table-filter.tsx

@@ -23,6 +23,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
+  testId,
 } from '@postxl/ui-components'
 
 export const TableFilter = <TField extends FilterFieldName, TFilters extends FilterState>({
@@ -32,6 +33,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
   onChange,
   config,
   getFilterOptions,
+  __e2e_test_id__,
 }: {
   open?: boolean
   field: TField
@@ -39,6 +41,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
   onChange: (val: FilterValue) => void
   config: FilterConfig<TField, TFilters>
   getFilterOptions: (args: { field: TField; filters: TFilters }) => any
+  __e2e_test_id__?: string
 }) => {
   const fieldConfig = config[field]
   const { filterKey, valueType: fieldType } = fieldConfig
@@ -270,11 +273,12 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
   }
 
   return (
-    <div className="w-full flex flex-col">
+    <div className="w-full flex flex-col" data-test-id={__e2e_test_id__}>
       {/* Clear filter button */}
       <Button
         variant="ghost"
         size="xs"
+        __e2e_test_id__={testId(__e2e_test_id__, 'clear')}
         disabled={
           selectedValues.size === 0 &&
           minVal === '' &&
@@ -318,6 +322,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             label="At least"
             placeholder="min"
             onCommit={commitMinMax}
+            data-test-id={testId(__e2e_test_id__, 'min')}
           />
           <NumberMinMaxInput
             value={maxVal}
@@ -325,6 +330,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             label="At most"
             placeholder="max"
             onCommit={commitMinMax}
+            data-test-id={testId(__e2e_test_id__, 'max')}
           />
         </>
       )}
@@ -341,6 +347,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
               handleDateChange(Array.from(selectedValues).map(String), '', maxVal)
             }}
             onCommit={commitMinMax}
+            data-test-id={testId(__e2e_test_id__, 'from')}
           />
           <DateMinMaxInput
             value={maxVal}
@@ -354,6 +361,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             setTime={(date: Date) => {
               date.setHours(23, 59, 59, 999)
             }}
+            data-test-id={testId(__e2e_test_id__, 'to')}
           />
         </>
       )}
@@ -367,6 +375,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             label="Contains"
             placeholder="text"
             onCommit={commitStringFilter}
+            data-test-id={testId(__e2e_test_id__, 'contains')}
           />
           <StringFilterInput
             value={startsWithVal}
@@ -374,6 +383,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             label="Starts with"
             placeholder="prefix"
             onCommit={commitStringFilter}
+            data-test-id={testId(__e2e_test_id__, 'starts-with')}
           />
           <StringFilterInput
             value={endsWithVal}
@@ -381,6 +391,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             label="Ends with"
             placeholder="suffix"
             onCommit={commitStringFilter}
+            data-test-id={testId(__e2e_test_id__, 'ends-with')}
           />
           <StringFilterInput
             value={excludeVal}
@@ -388,6 +399,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
             label="Exclude"
             placeholder="text"
             onCommit={commitStringFilter}
+            data-test-id={testId(__e2e_test_id__, 'exclude')}
           />
         </>
       )}
@@ -401,6 +413,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
           placeholder="Search..."
           value={searchQuery}
           onChange={(e) => setSearchQuery(e.target.value)}
+          data-test-id={testId(__e2e_test_id__, 'search')}
         />
       </div>
 
@@ -413,6 +426,7 @@ export const TableFilter = <TField extends FilterFieldName, TFilters extends Fil
         variant="ghost"
         size="xs"
         className="w-full justify-start px-2 py-1 rounded-sm text-sm font-normal"
+        __e2e_test_id__={testId(__e2e_test_id__, 'select-all')}
         onClick={() => {
           let newVals: string[] = []
           if (searchQuery.length > 0) {
@@ -494,12 +508,14 @@ const NumberMinMaxInput = ({
   label,
   placeholder,
   onCommit,
+  'data-test-id': dataTestId,
 }: {
   value: string
   setValue: (val: string) => void
   label: string
   placeholder: string
   onCommit: () => void
+  'data-test-id'?: string
 }) => {
   return (
     <div className="flex items-center gap-2 px-2 pt-0.5">
@@ -514,6 +530,7 @@ const NumberMinMaxInput = ({
         onChange={(e) => setValue(e === undefined ? '' : String(e))}
         onBlur={onCommit}
         onEnter={onCommit}
+        data-test-id={dataTestId}
       />
     </div>
   )
@@ -538,6 +555,7 @@ const DateMinMaxInput = ({
   onCommit,
   onDelete,
   setTime, // to use last ms of the day for 'To' field
+  'data-test-id': dataTestId,
 }: {
   value: string
   setValue: (val: string) => void
@@ -545,6 +563,7 @@ const DateMinMaxInput = ({
   onCommit: () => void
   onDelete: () => void
   setTime?: (date: Date) => void
+  'data-test-id'?: string
 }) => {
   return (
     <div className="flex items-center gap-2 px-2 pt-0.5">
@@ -565,6 +584,7 @@ const DateMinMaxInput = ({
           }}
           onBlur={onCommit}
           onEnter={onCommit}
+          data-test-id={dataTestId}
         />
         <Popover
           onOpenChange={(open) => {
@@ -622,12 +642,14 @@ const StringFilterInput = ({
   label,
   placeholder,
   onCommit,
+  'data-test-id': dataTestId,
 }: {
   value: string
   setValue: (val: string) => void
   label: string
   placeholder: string
   onCommit: () => void
+  'data-test-id'?: string
 }) => {
   return (
     <div className="flex items-center gap-2 px-2 pt-0.5">
@@ -641,6 +663,7 @@ const StringFilterInput = ({
         onChange={(e) => setValue(e.target.value)}
         onBlur={onCommit}
         onEnter={onCommit}
+        data-test-id={dataTestId}
       />
     </div>
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postxl/generators",
-  "version": "1.11.5",
+  "version": "1.11.6",
   "description": "Code generators for PXL - generates backend, frontend, Prisma schemas, and more",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -46,7 +46,7 @@
     "exceljs": "^4.4.0",
     "@postxl/generator": "^1.3.3",
     "@postxl/schema": "^1.3.1",
-    "@postxl/ui-components": "^1.3.5",
+    "@postxl/ui-components": "^1.3.6",
     "@postxl/utils": "^1.3.1"
   },
   "devDependencies": {},