@dxos/plugin-space 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

package/src/containers/SpaceRenamePopover/SpaceRenamePopover.tsx

@@ -1,54 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useCallback, useRef, useState } from 'react';
-
-import { useOperationInvoker } from '@dxos/app-framework/ui';
-import { LayoutOperation } from '@dxos/app-toolkit';
-import { type Space } from '@dxos/client/echo';
-import { Obj } from '@dxos/echo';
-import { Button, Input, Popover, useTranslation } from '@dxos/react-ui';
-import { osTranslations } from '@dxos/ui-theme';
-
-import { meta } from '#meta';
-
-export const SPACE_RENAME_POPOVER = `${meta.id}.SpaceRenamePopover`;
-
-export const SpaceRenamePopover = ({ space }: { space: Space }) => {
-  const { t } = useTranslation(meta.id);
-  const doneButton = useRef<HTMLButtonElement>(null);
-  const [name, setName] = useState(space.properties.name ?? '');
-  const { invokePromise } = useOperationInvoker();
-
-  const handleDone = useCallback(() => {
-    Obj.update(space.properties, (obj) => {
-      obj.name = name;
-    });
-    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });
-  }, [space, name, invokePromise]);
-
-  // TODO(thure): Why does the input value need to be uncontrolled to work?
-  return (
-    <div className='p-2 flex gap-2'>
-      <div className='flex-1'>
-        <Input.Root>
-          <Input.Label srOnly>{t('space-name.label')}</Input.Label>
-          <Input.TextInput
-            defaultValue={space.properties.name ?? ''}
-            placeholder={t('unnamed-space.label')}
-            onChange={({ target: { value } }) => setName(value)}
-            // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
-            //   Currently this is not possible because Radix does not expose the popover context.
-            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}
-          />
-        </Input.Root>
-      </div>
-      <Popover.Close asChild>
-        <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>
-          {t('done.label', { ns: osTranslations })}
-        </Button>
-      </Popover.Close>
-    </div>
-  );
-};

package/src/containers/SpaceRenamePopover/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export { SpaceRenamePopover as default } from './SpaceRenamePopover';