chore: upgrade front sparkle to 0.1.46 (#1308)

dust-tt · Sep 7, 2023 · 4570cb3 · 4570cb3
1 parent 67869c3
commit 4570cb3
Show file tree

Hide file tree

Showing 43 changed files with 105 additions and 99 deletions.
diff --git a/front/components/ConnectorPermissionsModal.tsx b/front/components/ConnectorPermissionsModal.tsx
@@ -209,7 +209,7 @@ export default function ConnectorPermissionsModal({
                     }}
                     labelVisible={true}
                     label="Re-authorize"
-                    type="tertiary"
+                    variant="tertiary"
                     size="xs"
                     icon={Cog6ToothIcon}
                   />
@@ -220,14 +220,14 @@ export default function ConnectorPermissionsModal({
                         labelVisible={true}
                         onClick={closeModal}
                         label="Cancel"
-                        type="secondary"
+                        variant="secondary"
                         size="xs"
                       />
                       <Button
                         labelVisible={true}
                         onClick={save}
                         label="Save"
-                        type="primary"
+                        variant="primary"
                         size="xs"
                       />
                     </div>

diff --git a/front/components/app/DatasetView.tsx b/front/components/app/DatasetView.tsx
@@ -612,7 +612,7 @@ export default function DatasetView({
             <div className="mt-6 flex flex-row">
               {!readOnly ? (
                 <Button
-                  type="secondary"
+                  variant="secondary"
                   onClick={() => {
                     handleNewEntry(datasetData.length - 1);
                   }}
@@ -623,7 +623,7 @@ export default function DatasetView({
               <div className="flex-1"></div>
               <div className="ml-2 flex-initial">
                 <Button
-                  type="tertiary"
+                  variant="tertiary"
                   onClick={() => {
                     const dataStr =
                       "data:text/jsonl;charset=utf-8," +
@@ -660,7 +660,7 @@ export default function DatasetView({
                 ></input>
                 {!readOnly ? (
                   <Button
-                    type="tertiary"
+                    variant="tertiary"
                     onClick={() => {
                       if (fileInputRef.current) {
                         fileInputRef.current.click();

diff --git a/front/components/app/Deploy.tsx b/front/components/app/Deploy.tsx
@@ -87,7 +87,7 @@ export default function Deploy({
     <div>
       <Button
         label="deploy"
-        type="primary"
+        variant="primary"
         onClick={() => {
           setOpen(!open);
         }}
@@ -184,7 +184,7 @@ export default function Deploy({
                         <div className="flex-1"></div>
                         <div className="mt-1">
                           <Button
-                            type="primary"
+                            variant="primary"
                             onClick={handleCopyClick}
                             label={copyButtonText}
                             icon={ClipboardIcon}
@@ -199,7 +199,7 @@ export default function Deploy({
                         <Button
                           icon={DocumentTextIcon}
                           label="Visit API Reference"
-                          type="secondary"
+                          variant="secondary"
                           onClick={() => {
                             window.open(
                               "https://docs.dust.tt/runs",
@@ -215,7 +215,7 @@ export default function Deploy({
                     <div className="flex-1"></div>
                     <div className="flex flex-initial">
                       <Button
-                        type="secondary"
+                        variant="secondary"
                         onClick={() => setOpen(false)}
                         label="Close"
                       />

diff --git a/front/components/app/NewBlock.tsx b/front/components/app/NewBlock.tsx
@@ -124,7 +124,7 @@ export default function NewBlock({
         ) : (
           <Menu.Button as="div" disabled={disabled}>
             <Button
-              type="secondary"
+              variant="secondary"
               label="Add Block"
               icon={PlusIcon}
               disabled={disabled}

diff --git a/front/components/providers/AI21Setup.tsx b/front/components/providers/AI21Setup.tsx
@@ -167,7 +167,7 @@ export default function AI21Setup({
                   <div className="flex-1"></div>
                   <div className="flex flex-initial">
                     <Button
-                      type="secondary"
+                      variant="secondary"
                       onClick={() => setOpen(false)}
                       label="Cancel"
                     />

diff --git a/front/components/providers/AnthropicSetup.tsx b/front/components/providers/AnthropicSetup.tsx
@@ -172,7 +172,7 @@ export default function AnthropicSetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/providers/AzureOpenAISetup.tsx b/front/components/providers/AzureOpenAISetup.tsx
@@ -183,7 +183,7 @@ export default function AzureOpenAISetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/providers/BrowserlessAPISetup.tsx b/front/components/providers/BrowserlessAPISetup.tsx
@@ -177,7 +177,7 @@ export default function BrowserlessAPISetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/providers/CohereSetup.tsx b/front/components/providers/CohereSetup.tsx
@@ -169,7 +169,7 @@ export default function CohereSetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/providers/OpenAISetup.tsx b/front/components/providers/OpenAISetup.tsx
@@ -169,7 +169,7 @@ export default function OpenAISetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/providers/SerpAPISetup.tsx b/front/components/providers/SerpAPISetup.tsx
@@ -169,7 +169,7 @@ export default function SerpAPISetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/providers/SerperSetup.tsx b/front/components/providers/SerperSetup.tsx
@@ -169,7 +169,7 @@ export default function SerperSetup({
                     <Button
                       onClick={() => setOpen(false)}
                       label="Cancel"
-                      type="secondary"
+                      variant="secondary"
                     />
                   </div>
                   <div className="flex flex-initial">

diff --git a/front/components/sparkle/AppLayoutChatTitle.tsx b/front/components/sparkle/AppLayoutChatTitle.tsx
@@ -48,7 +48,7 @@ export function AppLayoutChatTitle({
               size="sm"
               labelVisible={false}
               tooltipPosition="below"
-              type="secondaryWarning"
+              variant="secondaryWarning"
               label="Delete"
               icon={TrashIcon}
               onClick={onDelete}
@@ -64,7 +64,7 @@ export function AppLayoutChatTitle({
                   size="sm"
                   label="Share"
                   icon={ArrowUpOnSquareIcon}
-                  type="secondary"
+                  variant="secondary"
                 />
               </DropdownMenu.Button>
               <DropdownMenu.Items width={280}>
@@ -95,7 +95,7 @@ export function AppLayoutChatTitle({
                   </div>
                   <div className="flex justify-center">
                     <Button
-                      type="secondary"
+                      variant="secondary"
                       size="sm"
                       label={copyLinkSuccess ? "Copied!" : "Copy the link"}
                       icon={

diff --git a/front/components/sparkle/AppLayoutTitle.tsx b/front/components/sparkle/AppLayoutTitle.tsx
@@ -26,7 +26,7 @@ export function AppLayoutSimpleCloseTitle({
         label="Close"
         labelVisible={false}
         tooltipPosition="below"
-        type="tertiary"
+        variant="tertiary"
         onClick={onClose}
         icon={XMarkIcon}
       />

diff --git a/front/components/use/EventSchemaForm.tsx b/front/components/use/EventSchemaForm.tsx
@@ -208,7 +208,7 @@ export function ExtractEventSchemaForm({
           <div className="col-span-6 sm:col-span-2"></div>
           <div className="col-span-6 flex justify-end sm:col-span-4">
             <Button
-              type="primary"
+              variant="primary"
               label={isProcessing ? "Submitting..." : "Submit"}
               disabled={isProcessing || readOnly}
               onClick={async () => {
@@ -218,7 +218,7 @@ export function ExtractEventSchemaForm({
             <Button
               onClick={() => router.push(`/w/${owner.sId}/u/extract`)}
               label="Cancel"
-              type="secondary"
+              variant="secondary"
             />
           </div>
         </div>

diff --git a/front/package-lock.json b/front/package-lock.json
diff --git a/front/package.json b/front/package.json
@@ -13,7 +13,7 @@
     "initdb": "env $(cat .env.local) npx tsx admin/db.ts"
   },
   "dependencies": {
-    "@dust-tt/sparkle": "0.1.44",
+    "@dust-tt/sparkle": "0.1.46",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",
     "@nangohq/frontend": "^0.16.1",

diff --git a/front/pages/index.tsx b/front/pages/index.tsx
@@ -277,7 +277,7 @@ export default function Home({
                   <div className="mt-6">
                     <Link href="https://docs.dust.tt">
                       <Button
-                        type="tertiary"
+                        variant="tertiary"
                         size="sm"
                         label="View Documentation"
                       />

diff --git a/front/pages/poke/[wId]/index.tsx b/front/pages/poke/[wId]/index.tsx
@@ -287,14 +287,14 @@ const WorkspacePage = ({
               <div className="mt-4 flex-row">
                 <Button
                   label="Downgrade"
-                  type="secondaryWarning"
+                  variant="secondaryWarning"
                   onClick={onDowngrade}
                   disabled={!isFullyUpgraded || workspaceHasManagedDataSources}
                 />
 
                 <Button
                   label="Upgrade"
-                  type="secondary"
+                  variant="secondary"
                   onClick={onUpgrade}
                   disabled={isFullyUpgraded}
                 />
@@ -319,7 +319,7 @@ const WorkspacePage = ({
                   <h3 className="mb-2 text-lg font-semibold">{ds.name}</h3>
                   <Button
                     label="Delete"
-                    type="secondaryWarning"
+                    variant="secondaryWarning"
                     onClick={() => onDataSourcesDelete(ds.name)}
                   />
                 </div>

diff --git a/front/pages/poke/[wId]/memberships.tsx b/front/pages/poke/[wId]/memberships.tsx
@@ -115,7 +115,7 @@ const MembershipsPage = ({
                   <div>role: {m.workspaces[0].role}</div>
                   <Button
                     label="Revoke"
-                    type="secondaryWarning"
+                    variant="secondaryWarning"
                     disabled={m.workspaces[0].role === "none"}
                     onClick={() => onRevoke(m)}
                   />

diff --git a/front/pages/w/[wId]/a/[aId]/datasets/[name]/index.tsx b/front/pages/w/[wId]/a/[aId]/datasets/[name]/index.tsx
@@ -197,7 +197,7 @@ export default function ViewDatasetView({
                         disabled={disable || loading}
                         onClick={() => handleSubmit()}
                         label="Update"
-                        type="primary"
+                        variant="primary"
                       />
                     </div>
                   </div>

diff --git a/front/pages/w/[wId]/a/[aId]/datasets/index.tsx b/front/pages/w/[wId]/a/[aId]/datasets/index.tsx
@@ -119,7 +119,7 @@ export default function DatasetsView({
               <div className="flex flex-row items-center justify-between">
                 <Button
                   disabled={readOnly}
-                  type="primary"
+                  variant="primary"
                   label="New Dataset"
                   icon={PlusIcon}
                   onClick={() => {

diff --git a/front/pages/w/[wId]/a/[aId]/datasets/new.tsx b/front/pages/w/[wId]/a/[aId]/datasets/new.tsx
@@ -158,7 +158,7 @@ export default function NewDatasetView({
                 <div className="flex-initial">
                   <Button
                     label="Create"
-                    type="primary"
+                    variant="primary"
                     disabled={disable || loading}
                     onClick={() => handleSubmit()}
                   />

diff --git a/front/pages/w/[wId]/a/[aId]/execute/index.tsx b/front/pages/w/[wId]/a/[aId]/execute/index.tsx
@@ -607,7 +607,7 @@ export default function ExecuteView({
               <div className="flex flex-initial">
                 <div className="">
                   <Button
-                    type="primary"
+                    variant="primary"
                     disabled={!canRun()}
                     onClick={() => handleRun()}
                     icon={PlayCircleIcon}

diff --git a/front/pages/w/[wId]/a/[aId]/index.tsx b/front/pages/w/[wId]/a/[aId]/index.tsx
@@ -340,7 +340,7 @@ export default function AppView({
               small={false}
             />
             <Button
-              type="secondary"
+              variant="secondary"
               disabled={
                 !runnable || runRequested || run?.status.run == "running"
               }
@@ -365,7 +365,7 @@ export default function AppView({
             {readOnly && user ? (
               <div className="flex-initial">
                 <Button
-                  type="secondary"
+                  variant="secondary"
                   label="Clone"
                   icon={DocumentDuplicateIcon}
                   onClick={() => {
@@ -378,7 +378,7 @@ export default function AppView({
             {!readOnly ? (
               <div className="hidden flex-initial sm:block">
                 <Button
-                  type="tertiary"
+                  variant="tertiary"
                   icon={DocumentTextIcon}
                   label="Documentation"
                   onClick={() => {
@@ -421,7 +421,7 @@ export default function AppView({
               <p className="mt-4">To get started, add your first block or:</p>
               <p className="mt-4">
                 <Button
-                  type="tertiary"
+                  variant="tertiary"
                   icon={DocumentTextIcon}
                   label="Follow the QuickStart Guide"
                   onClick={() => {
@@ -447,7 +447,7 @@ export default function AppView({
               </div>
               <div className="flex">
                 <Button
-                  type="secondary"
+                  variant="secondary"
                   disabled={
                     !runnable || runRequested || run?.status.run == "running"
                   }

diff --git a/front/pages/w/[wId]/a/[aId]/runs/[runId]/index.tsx b/front/pages/w/[wId]/a/[aId]/runs/[runId]/index.tsx
@@ -201,7 +201,7 @@ export default function AppRun({
                   disabled={true}
                   icon={CheckCircleIcon}
                   label="Latest version"
-                  type="secondary"
+                  variant="secondary"
                 />
               )}
             </p>