@universe-platform/ui 0.1.0-beta.32 → 0.1.0-beta.34

package/dist/globals.css

@@ -422,6 +422,9 @@
   .col-span-12 {
     grid-column: span 12 / span 12;
   }
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -458,8 +461,8 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
   }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
@@ -512,15 +515,12 @@
   .ml-1 {
     margin-left: var(--spacing);
   }
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
-  .line-clamp-2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-  }
   .block {
     display: block;
   }
@@ -909,6 +909,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .content-start {
+    align-content: flex-start;
+  }
   .items-center {
     align-items: center;
   }
@@ -1027,12 +1030,21 @@
       margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-2 {
+    column-gap: calc(var(--spacing) * 2);
+  }
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
   .gap-y-1\.5 {
     row-gap: calc(var(--spacing) * 1.5);
   }
+  .gap-y-2\.5 {
+    row-gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-y-3 {
+    row-gap: calc(var(--spacing) * 3);
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1047,6 +1059,9 @@
       border-color: var(--color-slate-100);
     }
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1155,6 +1170,9 @@
   .border-amber-400 {
     border-color: var(--color-amber-400);
   }
+  .border-amber-500 {
+    border-color: var(--color-amber-500);
+  }
   .border-blue-100 {
     border-color: var(--color-blue-100);
   }
@@ -1167,6 +1185,9 @@
   .border-blue-400 {
     border-color: var(--color-blue-400);
   }
+  .border-blue-600 {
+    border-color: var(--color-blue-600);
+  }
   .border-cyan-200 {
     border-color: var(--color-cyan-200);
   }
@@ -1209,6 +1230,9 @@
   .border-indigo-200 {
     border-color: var(--color-indigo-200);
   }
+  .border-indigo-600 {
+    border-color: var(--color-indigo-600);
+  }
   .border-lime-200 {
     border-color: var(--color-lime-200);
   }
@@ -1242,6 +1266,9 @@
   .border-rose-400 {
     border-color: var(--color-rose-400);
   }
+  .border-rose-600 {
+    border-color: var(--color-rose-600);
+  }
   .border-sky-200 {
     border-color: var(--color-sky-200);
   }
@@ -1302,6 +1329,9 @@
   .border-violet-200 {
     border-color: var(--color-violet-200);
   }
+  .border-violet-600 {
+    border-color: var(--color-violet-600);
+  }
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -1338,6 +1368,9 @@
   .bg-amber-400 {
     background-color: var(--color-amber-400);
   }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -1437,6 +1470,9 @@
       background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
     }
   }
+  .bg-indigo-600 {
+    background-color: var(--color-indigo-600);
+  }
   .bg-lime-50 {
     background-color: var(--color-lime-50);
   }
@@ -1563,6 +1599,9 @@
   .bg-violet-50 {
     background-color: var(--color-violet-50);
   }
+  .bg-violet-600 {
+    background-color: var(--color-violet-600);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1650,6 +1689,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -1716,9 +1758,6 @@
   .pr-0\.5 {
     padding-right: calc(var(--spacing) * 0.5);
   }
-  .pr-1 {
-    padding-right: var(--spacing);
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1755,6 +1794,9 @@
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
+  .pb-24 {
+    padding-bottom: calc(var(--spacing) * 24);
+  }
   .pl-1 {
     padding-left: var(--spacing);
   }
@@ -1830,6 +1872,10 @@
   .text-\[11px\] {
     font-size: 11px;
   }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .leading-normal {
     --tw-leading: var(--leading-normal);
     line-height: var(--leading-normal);
@@ -2371,6 +2417,13 @@
       }
     }
   }
+  .hover\:border-slate-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-slate-400);
+      }
+    }
+  }
   .hover\:bg-amber-100 {
     &:hover {
       @media (hover: hover) {
@@ -2395,6 +2448,13 @@
       }
     }
   }
+  .hover\:bg-amber-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-600);
+      }
+    }
+  }
   .hover\:bg-black\/10 {
     &:hover {
       @media (hover: hover) {
@@ -2491,6 +2551,13 @@
       }
     }
   }
+  .hover\:bg-indigo-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-indigo-700);
+      }
+    }
+  }
   .hover\:bg-rose-50 {
     &:hover {
       @media (hover: hover) {
@@ -2505,6 +2572,13 @@
       }
     }
   }
+  .hover\:bg-rose-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-rose-700);
+      }
+    }
+  }
   .hover\:bg-slate-50 {
     &:hover {
       @media (hover: hover) {
@@ -2583,6 +2657,13 @@
       }
     }
   }
+  .hover\:bg-violet-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-violet-700);
+      }
+    }
+  }
   .hover\:text-amber-400 {
     &:hover {
       @media (hover: hover) {
@@ -2868,6 +2949,11 @@
       opacity: 60%;
     }
   }
+  .sm\:col-span-2 {
+    @media (width >= 40rem) {
+      grid-column: span 2 / span 2;
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -2903,6 +2989,11 @@
       padding: calc(var(--spacing) * 4);
     }
   }
+  .sm\:px-4 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
   .sm\:text-base {
     @media (width >= 40rem) {
       font-size: var(--text-base);
@@ -2934,14 +3025,14 @@
       width: calc(1 / 2 * 100%);
     }
   }
-  .lg\:w-1\/3 {
+  .lg\:min-w-0 {
     @media (width >= 64rem) {
-      width: calc(1 / 3 * 100%);
+      min-width: 0;
     }
   }
-  .lg\:w-2\/3 {
+  .lg\:flex-1 {
     @media (width >= 64rem) {
-      width: calc(2 / 3 * 100%);
+      flex: 1;
     }
   }
   .lg\:grid-cols-1 {

package/dist/index.d.mts

@@ -12,6 +12,7 @@ export * from './whatsappValidation';
 export { StatusConfig, TemplateIdentity, TemplateValidationParams, TemplateValidationResult, extractUniqueVariableIndices, extractVariableIndices, findVariableAtPosition, formatFileSize, getNextVariableIndex, getStatusConfig, hasBracketSpaces, hasConsecutiveVariables, hasFloatingVariables, hasInsufficientContextBetweenVariables, isDuplicateTemplate, isDuplicateTemplateName, isValidTemplateName, isWordToken, reindexVariables, sanitizeTemplateNameInput, seamlessVariableEngine, validateSequentialVariables, validateTemplateBody, validateWhatsAppTemplate, validateWordToVariableRatio } from './whatsappValidation';
 export * from './formula';
 export * from './relationCopy';
+export * from './relationButtons';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
@@ -137,6 +138,7 @@ interface TableBlockProps extends Partial<BaseComponentProps<TableData, TableCon
         tooltip?: string;
     } | RowStatusType>;
     editModelUrl?: string;
+    hideRelationButtons?: boolean;
 }
 interface CreateRecordPayload {
     records: RecordData[];
@@ -148,7 +150,7 @@ interface DeleteRecordPayload {
     ids: string[];
 }
 
-declare function TableBlockClient({ data: initialRecords, settings: schema, executeAction, exportAction, emitEvent, pageState, isLoading, isUpdating, error, isEmpty: isStateEmpty, componentId, orgId, className, 'data-testid': dataTestId, role, permissions, readOnly, selectedRowIds, onSelectionChange, onRowToggle, rowStatusMap, editModelUrl, }: TableBlockProps): react_jsx_runtime.JSX.Element;
+declare function TableBlockClient({ data: initialRecords, settings: schema, executeAction, exportAction, emitEvent, pageState, isLoading, isUpdating, error, isEmpty: isStateEmpty, componentId, orgId, className, 'data-testid': dataTestId, role, permissions, readOnly, selectedRowIds, onSelectionChange, onRowToggle, rowStatusMap, editModelUrl, hideRelationButtons, }: TableBlockProps): react_jsx_runtime.JSX.Element;
 
 declare function TableBlock(props: TableBlockProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from './whatsappValidation';
 export { StatusConfig, TemplateIdentity, TemplateValidationParams, TemplateValidationResult, extractUniqueVariableIndices, extractVariableIndices, findVariableAtPosition, formatFileSize, getNextVariableIndex, getStatusConfig, hasBracketSpaces, hasConsecutiveVariables, hasFloatingVariables, hasInsufficientContextBetweenVariables, isDuplicateTemplate, isDuplicateTemplateName, isValidTemplateName, isWordToken, reindexVariables, sanitizeTemplateNameInput, seamlessVariableEngine, validateSequentialVariables, validateTemplateBody, validateWhatsAppTemplate, validateWordToVariableRatio } from './whatsappValidation';
 export * from './formula';
 export * from './relationCopy';
+export * from './relationButtons';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
@@ -137,6 +138,7 @@ interface TableBlockProps extends Partial<BaseComponentProps<TableData, TableCon
         tooltip?: string;
     } | RowStatusType>;
     editModelUrl?: string;
+    hideRelationButtons?: boolean;
 }
 interface CreateRecordPayload {
     records: RecordData[];
@@ -148,7 +150,7 @@ interface DeleteRecordPayload {
     ids: string[];
 }
 
-declare function TableBlockClient({ data: initialRecords, settings: schema, executeAction, exportAction, emitEvent, pageState, isLoading, isUpdating, error, isEmpty: isStateEmpty, componentId, orgId, className, 'data-testid': dataTestId, role, permissions, readOnly, selectedRowIds, onSelectionChange, onRowToggle, rowStatusMap, editModelUrl, }: TableBlockProps): react_jsx_runtime.JSX.Element;
+declare function TableBlockClient({ data: initialRecords, settings: schema, executeAction, exportAction, emitEvent, pageState, isLoading, isUpdating, error, isEmpty: isStateEmpty, componentId, orgId, className, 'data-testid': dataTestId, role, permissions, readOnly, selectedRowIds, onSelectionChange, onRowToggle, rowStatusMap, editModelUrl, hideRelationButtons, }: TableBlockProps): react_jsx_runtime.JSX.Element;
 
 declare function TableBlock(props: TableBlockProps): react_jsx_runtime.JSX.Element;