diff --git a/package-lock.json b/package-lock.json index 16b745dab5..0a3dc10828 100644 --- a/package-lock.json +++ b/package-lock.json @@ -163,9 +163,9 @@ } }, "node_modules/@appwrite.io/pink": { - "version": "0.0.6-rc.10", - "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.10.tgz", - "integrity": "sha512-mhpgjQVfQvghItgcCzsHN0Ynn4U9JNg8HlSJ+HVDUi/bNHxmlm7XdNJE6s65LMJ6LfepROn6zZMHquANvGfNDg==", + "version": "0.0.6-rc.14", + "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.14.tgz", + "integrity": "sha512-KSfuW/MIc9aXaSjHmOB0TSyd2G/nTX8Yj49LOqOw41v649tVNfPGutvI6eTULCKve24HTYSspnHLil5Eb4Kk2Q==", "dependencies": { "@appwrite.io/pink-icons": "*", "normalize.css": "^8.0.1", diff --git a/package.json b/package.json index ffe99bf338..46a7648a4f 100644 --- a/package.json +++ b/package.json @@ -19,8 +19,8 @@ }, "dependencies": { "@analytics/google-analytics": "^1.0.5", + "@appwrite.io/pink": "^0.0.6-rc.14", "@appwrite.io/console": "0.2.0", - "@appwrite.io/pink": "^0.0.6-rc.10", "@analytics/google-tag-manager": "^0.5.3", "@popperjs/core": "^2.11.6", "@sentry/svelte": "^7.44.2", diff --git a/src/lib/components/clickableListItem.svelte b/src/lib/components/clickableListItem.svelte index 00308d47a5..78a4dbe08d 100644 --- a/src/lib/components/clickableListItem.svelte +++ b/src/lib/components/clickableListItem.svelte @@ -4,11 +4,15 @@
  • -
    - -
    -
    -

    -
    + {#if $$slots.default} +
    + +
    + {/if} + {#if $$slots.desc} +
    +

    +
    + {/if}
    • diff --git a/src/lib/components/viewSelector.svelte b/src/lib/components/viewSelector.svelte index 82d7d499b8..7ac403079b 100644 --- a/src/lib/components/viewSelector.svelte +++ b/src/lib/components/viewSelector.svelte @@ -84,7 +84,7 @@ class="icon-view-boards u-opacity-50" aria-hidden="true" aria-label="columns" /> - Columns + Columns {selectedColumnsNumber} diff --git a/src/lib/elements/forms/formItem.svelte b/src/lib/elements/forms/formItem.svelte index d1301d5d66..3e08ea2712 100644 --- a/src/lib/elements/forms/formItem.svelte +++ b/src/lib/elements/forms/formItem.svelte @@ -1,3 +1,7 @@ -
  • + + +
    • diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte index 28123a30fd..3b434549de 100644 --- a/src/lib/elements/forms/inputText.svelte +++ b/src/lib/elements/forms/inputText.svelte @@ -16,6 +16,7 @@ export let readonly = false; export let autofocus = false; export let autocomplete = false; + export let fullWidth = false; export let maxlength: number = null; export let tooltip: string = null; @@ -58,7 +59,7 @@ $: showNullCheckbox = nullable && !required; - + diff --git a/src/lib/elements/table/tableScroll.svelte b/src/lib/elements/table/tableScroll.svelte index 6d30f8aff8..5f3f652f31 100644 --- a/src/lib/elements/table/tableScroll.svelte +++ b/src/lib/elements/table/tableScroll.svelte @@ -2,6 +2,7 @@ import type { Action } from 'svelte/action'; export let isSticky = false; + export let noMargin = false; let isOverflowing = false; const hasOverflow: Action = (node) => { @@ -37,8 +38,8 @@ }; -
    -
    +
    +
    (isOverflowing = v)}>
    diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte index 0d0e1e553b..490fdb8d11 100644 --- a/src/routes/console/project-[project]/databases/+page.svelte +++ b/src/routes/console/project-[project]/databases/+page.svelte @@ -24,7 +24,12 @@ - +
    + {:else} +

    + Are you sure you want to delete the document from {$collection.name}? +

    {/if} + diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte index c2a85e9a57..2c0f7faa7f 100644 --- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte +++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte @@ -65,7 +65,7 @@ trackEvent(Submit.DocumentUpdate); disableUpdate = true; addNotification({ - message: 'Document was updated!', + message: 'Document has been updated', type: 'success' }); } catch (error) { diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte index 51f5f0a45d..2fe829bef0 100644 --- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte +++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte @@ -51,7 +51,9 @@ {$collection?.name} - {$collection?.$id} + {#key $collection?.$id} + {$collection?.$id} + {/key} diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte index f2576dd6a7..a0917e087b 100644 --- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte +++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte @@ -12,7 +12,10 @@ const databaseId = $page.params.database; const limit = 10; - $: args = preferences.getDisplayNames()?.[selectedRelationship?.relatedCollection] ?? []; + $: args = + preferences + .getDisplayNames() + ?.[selectedRelationship?.relatedCollection]?.filter((p) => p !== '$id') ?? []; $: if (!show) { data = null; diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte index 3a5f769576..ae13e46295 100644 --- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte +++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte @@ -37,10 +37,7 @@ $: options = ($attributes as Models.AttributeString[]) .filter( (attr) => - attr.type === 'string' && - attr?.size <= 50 && - !attr?.array && - !names?.some((name) => name === attr.key) + attr.type === 'string' && !attr?.array && !names?.some((name) => name === attr.key) ) .map((attr) => { return { @@ -60,19 +57,28 @@ Display Name

    - Set string attributes with maximum 50 characters to be used as a display name in the - Appwrite console. Maximum 5 names. + Select string attributes as display names for your documents. The selected names will be + used as short forms to identify documents in the Appwrite console, like when creating + database relationships. You can specify up to 5 names.

    -
      - +
        +
      • + +
        + +
        +
        • {#if names?.length} {#each names as name, i}
        diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte index 727be175c9..fcc281bd81 100644 --- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte +++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte @@ -19,6 +19,7 @@ import { isRelationship, isRelationshipToMany } from './document-[document]/attributes/store'; import RelationshipsModal from './relationshipsModal.svelte'; import { attributes, collection, columns } from './store'; + import { clickOnEnter } from '$lib/helpers/a11y'; export let data: PageData; @@ -111,22 +112,26 @@ {#if !isRelationshipToMany(attr)} {#if document[column.id]} {@const related = document[column.id]} - +
        {:else} n/a {/if}