@memori.ai/memori-react 9.0.0-alpha.9 → 9.0.0-rc.1

package/src/components/BlockedMemoriBadge/__snapshots__/BlockedMemoriBadge.test.tsx.snap

@@ -1,226 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders BlockedMemoriBadge for not enough credits unchanged 1`] = `
-<div>
-  <span
-    class="memori-tooltip blocked-memori-badge--tooltip"
-  >
-    <span
-      class="memori-tooltip__trigger"
-      id="base-ui-:r9:"
-    >
-      <div
-        class="blocked-memori-badge--wrapper"
-      >
-        <div
-          class="blocked-memori-badge "
-        >
-          <svg
-            class="lucide lucide-triangle-alert blocked-memori-badge--icon"
-            fill="none"
-            height="24"
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            viewBox="0 0 24 24"
-            width="24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-            />
-            <path
-              d="M12 9v4"
-            />
-            <path
-              d="M12 17h.01"
-            />
-          </svg>
-        </div>
-      </div>
-    </span>
-  </span>
-</div>
-`;
-
-exports[`renders BlockedMemoriBadge unchanged 1`] = `
-<div>
-  <span
-    class="memori-tooltip blocked-memori-badge--tooltip"
-  >
-    <span
-      class="memori-tooltip__trigger"
-      id="base-ui-:r1:"
-    >
-      <div
-        class="blocked-memori-badge--wrapper"
-      >
-        <div
-          class="blocked-memori-badge "
-        >
-          <svg
-            class="lucide lucide-triangle-alert blocked-memori-badge--icon"
-            fill="none"
-            height="24"
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            viewBox="0 0 24 24"
-            width="24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-            />
-            <path
-              d="M12 9v4"
-            />
-            <path
-              d="M12 17h.01"
-            />
-          </svg>
-        </div>
-      </div>
-    </span>
-  </span>
-</div>
-`;
-
-exports[`renders BlockedMemoriBadge with giver info unchanged 1`] = `
-<div>
-  <span
-    class="memori-tooltip blocked-memori-badge--tooltip"
-  >
-    <span
-      class="memori-tooltip__trigger"
-      id="base-ui-:r3:"
-    >
-      <div
-        class="blocked-memori-badge--wrapper"
-      >
-        <div
-          class="blocked-memori-badge "
-        >
-          <svg
-            class="lucide lucide-triangle-alert blocked-memori-badge--icon"
-            fill="none"
-            height="24"
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            viewBox="0 0 24 24"
-            width="24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-            />
-            <path
-              d="M12 9v4"
-            />
-            <path
-              d="M12 17h.01"
-            />
-          </svg>
-        </div>
-      </div>
-    </span>
-  </span>
-</div>
-`;
-
-exports[`renders BlockedMemoriBadge with margin left unchanged 1`] = `
-<div>
-  <span
-    class="memori-tooltip blocked-memori-badge--tooltip"
-  >
-    <span
-      class="memori-tooltip__trigger"
-      id="base-ui-:r7:"
-    >
-      <div
-        class="blocked-memori-badge--wrapper"
-      >
-        <div
-          class="blocked-memori-badge  margin-left"
-        >
-          <svg
-            class="lucide lucide-triangle-alert blocked-memori-badge--icon"
-            fill="none"
-            height="24"
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            viewBox="0 0 24 24"
-            width="24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-            />
-            <path
-              d="M12 9v4"
-            />
-            <path
-              d="M12 17h.01"
-            />
-          </svg>
-        </div>
-      </div>
-    </span>
-  </span>
-</div>
-`;
-
-exports[`renders BlockedMemoriBadge with title unchanged 1`] = `
-<div>
-  <span
-    class="memori-tooltip blocked-memori-badge--tooltip"
-  >
-    <span
-      class="memori-tooltip__trigger"
-      id="base-ui-:r5:"
-    >
-      <div
-        class="blocked-memori-badge--wrapper"
-      >
-        <div
-          class="blocked-memori-badge "
-        >
-          <svg
-            class="lucide lucide-triangle-alert blocked-memori-badge--icon"
-            fill="none"
-            height="24"
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            viewBox="0 0 24 24"
-            width="24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-            />
-            <path
-              d="M12 9v4"
-            />
-            <path
-              d="M12 17h.01"
-            />
-          </svg>
-        </div>
-        <span
-          class="blocked-memori-badge--title"
-        >
-          memoriBlockedTitle
-        </span>
-      </div>
-    </span>
-  </span>
-</div>
-`;

package/src/components/ChangeMode/ChangeMode.css

@@ -1,24 +0,0 @@
-.memori--changeMode-instruct {
-    display: flex;
-    padding: 1rem;
-    border-radius: var(--memori-radius-box);
-    gap: var(--memori-spacing-sm);
-}
-
-.memori--changeMode-instruct-radio {
-    display: flex;
-}
-
-.memori--changeMode-instruct-radio-button:first-of-type button {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-}
-
-.memori--changeMode-instruct-radio-button:last-of-type button {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-}
-
-.memori--changeMode-instruct-radio-button[data-headlessui-state='checked'] button {
-    font-weight: var(--memori-text-weight-semibold);
-}

package/src/components/ChangeMode/ChangeMode.stories.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import I18nWrapper from '../../I18nWrapper';
-import ChangeMode, { Props } from './ChangeMode';
-
-import './ChangeMode.css';
-
-const meta: Meta = {
-  title: 'Widget/Change Mode',
-  component: ChangeMode,
-  argTypes: {
-    instruct: {
-      control: {
-        type: 'boolean',
-      },
-    },
-  },
-  parameters: {
-    controls: { expanded: true },
-  },
-};
-
-export default meta;
-
-const Template: Story<Props> = args => {
-  const [instruct, setInstruct] = React.useState(args.instruct);
-
-  return (
-    <I18nWrapper>
-      <ChangeMode
-        {...args}
-        canInstruct
-        instruct={instruct}
-        onChangeMode={mode => setInstruct(mode === 'instruct')}
-      />
-    </I18nWrapper>
-  );
-};
-
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-export const Default = Template.bind({});
-Default.args = {
-  instruct: false,
-};
-
-export const Instruct = Template.bind({});
-Instruct.args = {
-  instruct: true,
-};

package/src/components/ChangeMode/ChangeMode.test.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ChangeMode from './ChangeMode';
-
-it('renders ChangeMode in test mode unchanged', () => {
-  const { container } = render(
-    <ChangeMode instruct={false} canInstruct onChangeMode={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders ChangeMode in instruct mode unchanged', () => {
-  const { container } = render(
-    <ChangeMode instruct={true} canInstruct onChangeMode={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders ChangeMode null if cannot set instruct unchanged', () => {
-  const { container } = render(
-    <ChangeMode instruct={false} canInstruct={false} onChangeMode={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});

package/src/components/ChangeMode/ChangeMode.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@memori.ai/ui';
-import cx from 'classnames';
-
-export interface Props {
-  instruct?: boolean;
-  onChangeMode: (mode: 'test' | 'instruct') => void;
-  canInstruct?: boolean;
-}
-
-const ChangeMode: React.FC<Props> = ({
-  instruct,
-  canInstruct,
-  onChangeMode,
-}) => {
-  const { t } = useTranslation();
-  const value = instruct ? 'instruct' : 'test';
-
-  return canInstruct ? (
-    <div
-      className="memori--changeMode-instruct"
-      role="radiogroup"
-      aria-label={t('widget.instruct') || 'Mode'}
-    >
-      <Button
-        role="radio"
-        aria-checked={value === 'instruct'}
-        variant={value === 'instruct' ? 'primary' : 'outline'}
-        className={cx('memori--changeMode-instruct-radio-button', {
-          'memori--changeMode-instruct-radio-button--selected': value === 'instruct',
-        })}
-        onClick={() => onChangeMode('instruct')}
-      >
-        {t('widget.instruct') || 'Instruct'}
-      </Button>
-      <Button
-        role="radio"
-        aria-checked={value === 'test'}
-        variant={value === 'test' ? 'primary' : 'outline'}
-        className={cx('memori--changeMode-instruct-radio-button', {
-          'memori--changeMode-instruct-radio-button--selected': value === 'test',
-        })}
-        onClick={() => onChangeMode('test')}
-      >
-        {t('widget.test') || 'Test'}
-      </Button>
-    </div>
-  ) : null;
-};
-
-export default ChangeMode;

package/src/components/ChangeMode/__snapshots__/ChangeMode.test.tsx.snap

@@ -1,77 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders ChangeMode in instruct mode unchanged 1`] = `
-<div>
-  <div
-    aria-label="widget.instruct"
-    class="memori--changeMode-instruct"
-    role="radiogroup"
-  >
-    <button
-      aria-checked="true"
-      class="memori-button memori-button--primary memori-button--md memori--changeMode-instruct-radio-button memori--changeMode-instruct-radio-button--selected"
-      role="radio"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="memori-button__content"
-      >
-        widget.instruct
-      </span>
-    </button>
-    <button
-      aria-checked="false"
-      class="memori-button memori-button--outline memori-button--md memori--changeMode-instruct-radio-button"
-      role="radio"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="memori-button__content"
-      >
-        widget.test
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders ChangeMode in test mode unchanged 1`] = `
-<div>
-  <div
-    aria-label="widget.instruct"
-    class="memori--changeMode-instruct"
-    role="radiogroup"
-  >
-    <button
-      aria-checked="false"
-      class="memori-button memori-button--outline memori-button--md memori--changeMode-instruct-radio-button"
-      role="radio"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="memori-button__content"
-      >
-        widget.instruct
-      </span>
-    </button>
-    <button
-      aria-checked="true"
-      class="memori-button memori-button--primary memori-button--md memori--changeMode-instruct-radio-button memori--changeMode-instruct-radio-button--selected"
-      role="radio"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="memori-button__content"
-      >
-        widget.test
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders ChangeMode null if cannot set instruct unchanged 1`] = `<div />`;