@dxos/react-ui-table 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

package/dist/types/src/components/Toolbar/Toolbar.d.ts

@@ -1,21 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type ToolbarAction = {
-    type: 'add-row';
-} | {
-    type: 'comment';
-};
-export type ToolbarActionType = ToolbarAction['type'];
-export type ToolbarActionHandler = (action: ToolbarAction) => void;
-export type ToolbarProps = ThemedClassName<PropsWithChildren<{
-    onAction?: ToolbarActionHandler;
-}>>;
-declare const useToolbarContext: (consumerName: string) => ToolbarProps;
-export declare const Toolbar: {
-    Root: ({ classNames, children, onAction }: ToolbarProps) => React.JSX.Element;
-    Editing: () => React.JSX.Element;
-    Actions: () => React.JSX.Element;
-    Separator: () => React.JSX.Element;
-};
-export { useToolbarContext };
-//# sourceMappingURL=Toolbar.d.ts.map

package/dist/types/src/components/Toolbar/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAA6B,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAUjG,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;AAEnE,MAAM,MAAM,YAAY,GAAG,eAAe,CACxC,iBAAiB,CAAC;IAChB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC,CAAC,CACH,CAAC;AAEF,QAAA,MAA+B,iBAAiB,wCAA0C,CAAC;AAkD3F,eAAO,MAAM,OAAO;+CAhDqC,YAAY;;;;CAqDpE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/types/src/components/Toolbar/common.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type IconProps, type ToolbarButtonProps as NaturalToolbarButtonProps, type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps } from '@dxos/react-ui';
-export declare const buttonStyles = "min-bs-0 p-2";
-export declare const tooltipProps: {
-    side: "top";
-    classNames: string;
-};
-export declare const ToolbarSeparator: () => React.JSX.Element;
-type ToolbarButtonProps = NaturalToolbarButtonProps & Pick<IconProps, 'icon'>;
-export declare const ToolbarButton: ({ icon, children, ...props }: ToolbarButtonProps) => React.JSX.Element;
-export type ToolbarToggleButtonProps = NaturalToolbarToggleGroupItemProps & Pick<IconProps, 'icon'>;
-export declare const ToolbarToggleButton: ({ icon, children, ...props }: ToolbarToggleButtonProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=common.d.ts.map

package/dist/types/src/components/Toolbar/common.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/common.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,kBAAkB,IAAI,yBAAyB,EACpD,KAAK,2BAA2B,IAAI,kCAAkC,EACvE,MAAM,gBAAgB,CAAC;AAIxB,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,YAAY;;;CAA+C,CAAC;AAEzE,eAAO,MAAM,gBAAgB,yBAAkD,CAAC;AAMhF,KAAK,kBAAkB,GAAG,yBAAyB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAE9E,eAAO,MAAM,aAAa,iCAAkC,kBAAkB,sBAiB7E,CAAC;AAMF,MAAM,MAAM,wBAAwB,GAAG,kCAAkC,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEpG,eAAO,MAAM,mBAAmB,iCAAkC,wBAAwB,sBAiBzF,CAAC"}

package/dist/types/src/components/Toolbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Toolbar';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Toolbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}

package/dist/types/src/playwright/playwright.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@playwright/test").PlaywrightTestConfig<{}, {}>;
-export default _default;
-//# sourceMappingURL=playwright.config.d.ts.map

package/dist/types/src/playwright/playwright.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playwright.config.d.ts","sourceRoot":"","sources":["../../../../src/playwright/playwright.config.ts"],"names":[],"mappings":";AASA,wBAQG"}

package/src/components/Toolbar/Toolbar.tsx

@@ -1,87 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { createContext } from '@radix-ui/react-context';
-import React, { type PropsWithChildren } from 'react';
-
-import { Toolbar as NaturalToolbar, type ThemedClassName, useTranslation } from '@dxos/react-ui';
-
-import { ToolbarButton, ToolbarSeparator } from './common';
-import { translationKey } from '../../translations';
-
-//
-// Root
-//
-
-// TODO(Zan): This should become a union later.
-export type ToolbarAction = { type: 'add-row' } | { type: 'comment' };
-
-export type ToolbarActionType = ToolbarAction['type'];
-
-export type ToolbarActionHandler = (action: ToolbarAction) => void;
-
-export type ToolbarProps = ThemedClassName<
-  PropsWithChildren<{
-    onAction?: ToolbarActionHandler;
-  }>
->;
-
-const [ToolbarContextProvider, useToolbarContext] = createContext<ToolbarProps>('Toolbar');
-
-const ToolbarRoot = ({ classNames, children, onAction }: ToolbarProps) => {
-  return (
-    <ToolbarContextProvider onAction={onAction}>
-      <NaturalToolbar.Root
-        classNames={['is-full shrink-0 overflow-x-auto overflow-y-hidden p-1 attention-surface', classNames]}
-      >
-        {children}
-      </NaturalToolbar.Root>
-    </ToolbarContextProvider>
-  );
-};
-
-const Editing = () => {
-  const { onAction } = useToolbarContext('Editing');
-  const { t } = useTranslation(translationKey);
-
-  return (
-    <>
-      <ToolbarButton
-        value='add-row'
-        icon='ph--plus--regular'
-        data-testid='table.toolbar.add-row'
-        onClick={() => onAction?.({ type: 'add-row' })}
-      >
-        {t('add row')}
-      </ToolbarButton>
-    </>
-  );
-};
-
-const Actions = () => {
-  const { onAction } = useToolbarContext('Actions');
-  const { t } = useTranslation(translationKey);
-
-  return (
-    <>
-      <ToolbarButton
-        value='comment'
-        icon='ph--chat-text--regular'
-        data-testid='table.toolbar.comment'
-        onClick={() => onAction?.({ type: 'comment' })}
-      >
-        {t('create comment')}
-      </ToolbarButton>
-    </>
-  );
-};
-
-export const Toolbar = {
-  Root: ToolbarRoot,
-  Editing,
-  Actions,
-  Separator: ToolbarSeparator,
-};
-
-export { useToolbarContext };

package/src/components/Toolbar/common.tsx

@@ -1,71 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React from 'react';
-
-import {
-  Icon,
-  type IconProps,
-  Toolbar as NaturalToolbar,
-  Tooltip,
-  type ToolbarButtonProps as NaturalToolbarButtonProps,
-  type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,
-} from '@dxos/react-ui';
-
-// TODO(burdon): Factor out into new package (react-ui-toolbar) in common with react-ui-editor, etc.
-
-export const buttonStyles = 'min-bs-0 p-2';
-export const tooltipProps = { side: 'top' as const, classNames: 'z-10' };
-
-export const ToolbarSeparator = () => <div role='separator' className='grow' />;
-
-//
-// ToolbarButton
-//
-
-type ToolbarButtonProps = NaturalToolbarButtonProps & Pick<IconProps, 'icon'>;
-
-export const ToolbarButton = ({ icon, children, ...props }: ToolbarButtonProps) => {
-  return (
-    <Tooltip.Root>
-      <Tooltip.Trigger asChild>
-        <NaturalToolbar.Button variant='ghost' {...props} classNames={buttonStyles}>
-          <Icon icon={icon} size={5} />
-          <span className='sr-only'>{children}</span>
-        </NaturalToolbar.Button>
-      </Tooltip.Trigger>
-      <Tooltip.Portal>
-        <Tooltip.Content {...tooltipProps}>
-          {children}
-          <Tooltip.Arrow />
-        </Tooltip.Content>
-      </Tooltip.Portal>
-    </Tooltip.Root>
-  );
-};
-
-//
-// ToolbarToggleButton
-//
-
-export type ToolbarToggleButtonProps = NaturalToolbarToggleGroupItemProps & Pick<IconProps, 'icon'>;
-
-export const ToolbarToggleButton = ({ icon, children, ...props }: ToolbarToggleButtonProps) => {
-  return (
-    <Tooltip.Root>
-      <Tooltip.Trigger asChild>
-        <NaturalToolbar.ToggleGroupItem variant='ghost' {...props} classNames={buttonStyles}>
-          <Icon icon={icon} size={5} />
-          <span className='sr-only'>{children}</span>
-        </NaturalToolbar.ToggleGroupItem>
-      </Tooltip.Trigger>
-      <Tooltip.Portal>
-        <Tooltip.Content {...tooltipProps}>
-          {children}
-          <Tooltip.Arrow />
-        </Tooltip.Content>
-      </Tooltip.Portal>
-    </Tooltip.Root>
-  );
-};