@talixo-ds/options-input 1.0.1 → 1.0.2

package/__tests__/options-input.spec.tsx

@@ -1,242 +0,0 @@
-import React from 'react';
-import ShallowRenderer from 'react-test-renderer/shallow';
-import {
-  render,
-  screen,
-  fireEvent,
-  waitFor,
-  act,
-} from '@testing-library/react';
-import { vi } from 'vitest';
-import type { Mock } from 'vitest';
-import { OptionsInput } from '../src/options-input';
-import '@testing-library/jest-dom';
-
-vi.mock('@mui/icons-material', async (importOriginal) => {
-  return {
-    ...await importOriginal<typeof import('@mui/icons-material')>(),
-    luggage: 'div',
-    dog: 'div',
-  }
-})
-
-vi.mock('@talixo-ds/icons', async (importOriginal) => {
-  return {
-    ...await importOriginal<typeof import('@talixo-ds/icons')>(),
-    football: 'div',
-  }
-})
-
-vi.mock("react", async (importOriginal) => {
-  const actual = await importOriginal()
-  return {
-    ...actual as any,
-    useState: () => [[], () => null],
-    useEffect: () => vi.fn()
-  }
-})
-
-const props = {
-  options: [
-    {
-      id: 'luggage',
-      icon: 'luggage',
-      label: 'luggage',
-      details: 'This is your luggage',
-      min: 0,
-      max: 9,
-    },
-    {
-      id: 'dog',
-      icon: 'this icon does not exist',
-      label: 'dog',
-      min: 0,
-      max: 3,
-    },
-    {
-      id: 'sport-equipment',
-      icon: 'football',
-      label: 'sport equipment',
-      min: 0,
-      max: 1,
-    },
-  ],
-  id: 'test-id',
-  defaultValue: { luggage: 2, 'sport-equipment': 5 },
-  persistentOptions: ['sport-equipment'],
-  className: 'test-class',
-  onChange: vi.fn(),
-  onFocus: vi.fn(),
-  onBlur: vi.fn(),
-};
-
-const mockOptions = props.options.map((option) => ({
-  ...option,
-  quantity: 1,
-  inputQuantity: 1,
-}));
-
-// FIXME: GET RID OF SKIP
-describe.skip('OptionsInput', () => {
-  describe('snapshots', () => {
-    let component: JSX.Element;
-    const shallowRenderer = ShallowRenderer.createRenderer();
-
-    beforeEach(() => {
-      // (useState as Mock).mockImplementationOnce(() => [
-      //   mockOptions,
-      //   vi.fn(),
-      // ]);
-
-      // (useState as Mock).mockImplementationOnce((vi.importActual('react') as any).useState);
-    });
-
-    it('should match snapshot', () => {
-      shallowRenderer.render(<OptionsInput {...props} />);
-      component = shallowRenderer.getRenderOutput();
-
-      expect(component).toMatchSnapshot();
-    });
-
-    it('should render disabled input properly', () => {
-      shallowRenderer.render(<OptionsInput {...props} disabled />);
-      component = shallowRenderer.getRenderOutput();
-
-      expect(component).toMatchSnapshot();
-    });
-  });
-
-  describe('events', () => {
-    beforeAll(() => {
-      // (useState as Mock).mockImplementationOnce((vi.importActual('react') as any).useState);
-    });
-
-    it('should open input dropdown properly', async () => {
-      const { getAllByTestId } = render(<OptionsInput {...props} />);
-      const optionsInputContainer = getAllByTestId(
-        'options-input-container'
-      )[0];
-
-      act(() => {
-        fireEvent.click(optionsInputContainer);
-      });
-
-      await waitFor(() => {
-        expect(
-          screen.queryByTestId('options-dropdown-list')
-        ).toBeInTheDocument();
-      });
-    });
-
-    it('should not open dropdown when input is disabled', async () => {
-      const { getAllByTestId } = render(<OptionsInput {...props} disabled />);
-
-      const optionsInputContainer = getAllByTestId(
-        'options-input-container'
-      )[0];
-
-      act(() => {
-        fireEvent.click(optionsInputContainer);
-      });
-
-      await waitFor(() => {
-        expect(
-          screen.queryByTestId('options-dropdown-list')
-        ).not.toBeInTheDocument();
-      });
-    });
-
-    it('should handle input focus properly', () => {
-      const { getAllByTestId } = render(<OptionsInput {...props} />);
-
-      const optionsInputContainer = getAllByTestId(
-        'options-input-container'
-      )[0];
-
-      act(() => {
-        fireEvent.focus(optionsInputContainer);
-      });
-
-      expect(props.onFocus).toHaveBeenCalledWith({
-        dog: 0,
-        luggage: 2,
-        'sport-equipment': 1,
-      });
-    });
-
-    it('should handle input blur properly', () => {
-      const { getAllByTestId } = render(<OptionsInput {...props} />);
-
-      const optionsInputContainer = getAllByTestId(
-        'options-input-container'
-      )[0];
-
-      act(() => {
-        fireEvent.blur(optionsInputContainer);
-      });
-
-      expect(props.onBlur).toHaveBeenCalledWith({
-        dog: 0,
-        luggage: 2,
-        'sport-equipment': 1,
-      });
-    });
-
-    it('should handle input option change properly', async () => {
-      const { getAllByTestId } = render(<OptionsInput {...props} />);
-
-      const optionsInputContainer = getAllByTestId(
-        'options-input-container'
-      )[0];
-
-      act(() => {
-        fireEvent.click(optionsInputContainer);
-      });
-
-      await waitFor(() => {
-        const optionCountInput = screen.getAllByTestId(
-          'dropdown-item-input'
-        )[0];
-
-        act(() => {
-          fireEvent.change(optionCountInput, { target: { value: 9 } });
-        });
-
-        expect(props.onChange).toHaveBeenCalledWith({
-          dog: 0,
-          luggage: 9,
-          'sport-equipment': 1,
-        });
-        expect(screen.getAllByTestId('option-item')[0]).toHaveTextContent('9');
-      });
-    });
-
-    it('should handle input option blur properly', async () => {
-      const { getAllByTestId } = render(<OptionsInput {...props} />);
-
-      const optionsInputContainer = getAllByTestId(
-        'options-input-container'
-      )[0];
-
-      fireEvent.click(optionsInputContainer);
-
-      await waitFor(() => {
-        const optionCountInput = screen.getAllByTestId(
-          'dropdown-item-input'
-        )[0];
-
-        act(() => {
-          fireEvent.change(optionCountInput, { target: { value: 500 } });
-        });
-
-        expect(optionCountInput).toHaveAttribute('value', '500');
-
-        act(() => {
-          fireEvent.blur(optionCountInput);
-        });
-
-        expect(optionCountInput).toHaveAttribute('value', '9');
-      });
-    });
-  });
-});

package/dist/components/__tests__/min-max-value-label.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/__tests__/min-max-value-label.spec.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ShallowRenderer from 'react-test-renderer/shallow';
-import '@testing-library/jest-dom';
-import { MinMaxValueLabel } from '../min-max-value-label';
-const props = {
-    min: 0,
-    max: 100,
-    color: 'black',
-};
-describe('MinMaxValueLabel', () => {
-    let component;
-    const renderer = ShallowRenderer.createRenderer();
-    beforeEach(() => {
-        renderer.render(_jsx(MinMaxValueLabel, { ...props }));
-        component = renderer.getRenderOutput();
-    });
-    it('should match snapshot', () => {
-        expect(component).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=min-max-value-label.spec.js.map

package/dist/components/__tests__/min-max-value-label.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"min-max-value-label.spec.js","sourceRoot":"","sources":["../../../src/components/__tests__/min-max-value-label.spec.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,SAAsB,CAAC;IAC3B,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,EAAE,CAAC;IAElD,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,MAAM,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAC,CAAC;QACjD,SAAS,GAAG,QAAQ,CAAC,eAAe,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/__tests__/options-input-content-item.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/__tests__/options-input-content-item.spec.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ShallowRenderer from 'react-test-renderer/shallow';
-import OptionsInputContentItem from '../options-input-content-item';
-import { vi } from 'vitest';
-vi.mock('@mui/icons-material', async (importOriginal) => {
-    return {
-        ...await importOriginal(),
-        luggage: 'div',
-    };
-});
-vi.mock('@talixo-ds/icons', async (importOriginal) => {
-    return {
-        ...await importOriginal(),
-        football: 'div',
-    };
-});
-const props = {
-    item: {
-        id: 'luggage',
-        icon: 'luggage',
-        label: 'luggage',
-        details: 'This is your luggage',
-        min: -10,
-        max: 10,
-        quantity: 0,
-        inputQuantity: 0,
-    },
-    displayMinMax: true,
-};
-describe('OptionsInputDropdownItem', () => {
-    let component;
-    const renderer = ShallowRenderer.createRenderer();
-    it('should match snapshot', () => {
-        renderer.render(_jsx(OptionsInputContentItem, { ...props }));
-        component = renderer.getRenderOutput();
-        expect(component).toMatchSnapshot();
-    });
-    it('should render proper alternative styling', () => {
-        renderer.render(_jsx(OptionsInputContentItem, { item: { ...props.item, quantity: 1 } }));
-        component = renderer.getRenderOutput();
-        expect(component).toMatchSnapshot();
-    });
-    it('should not render tooltip when there is no label', () => {
-        renderer.render(_jsx(OptionsInputContentItem, { item: { ...props.item, label: undefined } }));
-        component = renderer.getRenderOutput();
-        expect(component).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=options-input-content-item.spec.js.map

package/dist/components/__tests__/options-input-content-item.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"options-input-content-item.spec.js","sourceRoot":"","sources":["../../../src/components/__tests__/options-input-content-item.spec.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAG5B,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACtD,OAAO;QACL,GAAG,MAAM,cAAc,EAAwC;QAC/D,OAAO,EAAE,KAAK;KACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACnD,OAAO;QACL,GAAG,MAAM,cAAc,EAAqC;QAC5D,QAAQ,EAAE,KAAK;KAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE;QACJ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,sBAAsB;QAC/B,GAAG,EAAE,CAAC,EAAE;QACR,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,CAAC;KACjB;IACD,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,IAAI,SAAsB,CAAC;IAC3B,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,EAAE,CAAC;IAElD,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,QAAQ,CAAC,MAAM,CAAC,KAAC,uBAAuB,OAAK,KAAK,GAAI,CAAC,CAAC;QAExD,SAAS,GAAG,QAAQ,CAAC,eAAe,EAAE,CAAC;QACvC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,QAAQ,CAAC,MAAM,CACb,KAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAI,CAClE,CAAC;QAEF,SAAS,GAAG,QAAQ,CAAC,eAAe,EAAE,CAAC;QACvC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,QAAQ,CAAC,MAAM,CACb,KAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CACvE,CAAC;QAEF,SAAS,GAAG,QAAQ,CAAC,eAAe,EAAE,CAAC;QACvC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/__tests__/options-input-dropdown-item.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/__tests__/options-input-dropdown-item.spec.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ShallowRenderer from 'react-test-renderer/shallow';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { vi } from 'vitest';
-import OptionsInputDropdownItem from '../options-input-dropdown-item';
-vi.mock('@mui/icons-material', async (importOriginal) => {
-    return {
-        ...await importOriginal(),
-        luggage: 'div',
-    };
-});
-vi.mock('@talixo-ds/icons', async (importOriginal) => {
-    return {
-        ...await importOriginal(),
-        football: 'div',
-    };
-});
-const onChangeMock = vi.fn();
-const onBlurMock = vi.fn();
-const props = {
-    item: {
-        id: 'luggage-id',
-        icon: 'luggage',
-        details: 'This is your luggage. Please, keep your attention not to lose it.',
-        min: -10,
-        max: 10,
-        quantity: 0,
-        inputQuantity: 0,
-    },
-    onBlur: onBlurMock,
-    onChange: onChangeMock,
-    index: 1,
-};
-describe('OptionsInputDropdownItem', () => {
-    let component;
-    const renderer = ShallowRenderer.createRenderer();
-    it('should match snapshot', () => {
-        renderer.render(_jsx(OptionsInputDropdownItem, { ...props }));
-        component = renderer.getRenderOutput();
-        expect(component).toMatchSnapshot();
-    });
-    describe('events', () => {
-        beforeEach(() => render(_jsx(OptionsInputDropdownItem, { ...props })));
-        it('should call onChange on text field edit', async () => {
-            const input = screen.getByTestId('dropdown-item-input');
-            await fireEvent.change(input, { target: { value: '10' } });
-            expect(onChangeMock).toHaveBeenCalledWith('luggage-id', '10');
-        });
-        it('should call onChange on increment button click', () => {
-            const buttons = screen.getAllByRole('button');
-            fireEvent.click(buttons[0]);
-            expect(onChangeMock).toHaveBeenCalledWith('luggage-id', 1);
-        });
-        it('should call onChange on decrement button click', () => {
-            const buttons = screen.getAllByRole('button');
-            fireEvent.click(buttons[1]);
-            expect(onChangeMock).toHaveBeenCalledWith('luggage-id', -1);
-        });
-        it('should expand details content', () => {
-            expect(screen.getByTestId('option-details')).toHaveTextContent(props.item.details.slice(0, 15));
-            const optionDetailsContainer = screen.getByTestId('option-details-container');
-            fireEvent.mouseEnter(optionDetailsContainer);
-            expect(screen.getByTestId('option-details')).toHaveTextContent(props.item.details);
-        });
-    });
-});
-//# sourceMappingURL=options-input-dropdown-item.spec.js.map

package/dist/components/__tests__/options-input-dropdown-item.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"options-input-dropdown-item.spec.js","sourceRoot":"","sources":["../../../src/components/__tests__/options-input-dropdown-item.spec.tsx"],"names":[],"mappings":"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"}

package/src/components/__tests__/__snapshots__/min-max-value-label.spec.tsx.snap

@@ -1,17 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`MinMaxValueLabel > should match snapshot 1`] = `
-<ForwardRef(Typography)
-  color="black"
-  sx={
-    {
-      "my": 0,
-    }
-  }
-  variant="caption"
->
-  min: 0
-  , 
-  max: 100
-</ForwardRef(Typography)>
-`;

package/src/components/__tests__/__snapshots__/options-input-content-item.spec.tsx.snap

@@ -1,138 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`OptionsInputDropdownItem > should match snapshot 1`] = `
-<ForwardRef(Box)
-  alignItems="center"
-  color="#a4a5b2"
-  data-testid="option-item"
-  display="flex"
-  gap={0.5}
->
-  <ForwardRef(Tooltip)
-    arrow={true}
-    placement="top"
-    title={
-      <ForwardRef(Box)
-        display="flex"
-        flexDirection="column"
-      >
-        <ForwardRef(Typography)
-          fontWeight={600}
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          luggage
-        </ForwardRef(Typography)>
-        <ForwardRef(Typography)
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          This is your luggage
-        </ForwardRef(Typography)>
-        <MinMaxValueLabel
-          max={10}
-          min={-10}
-        />
-      </ForwardRef(Box)>
-    }
-  >
-    <span>
-      <div
-        color="#a4a5b2"
-        fontSize="medium"
-      />
-    </span>
-  </ForwardRef(Tooltip)>
-  <ForwardRef(Typography)
-    color="#a4a5b2"
-    variant="h6"
-  >
-    0
-  </ForwardRef(Typography)>
-</ForwardRef(Box)>
-`;
-
-exports[`OptionsInputDropdownItem > should not render tooltip when there is no label 1`] = `
-<ForwardRef(Box)
-  alignItems="center"
-  color="#a4a5b2"
-  data-testid="option-item"
-  display="flex"
-  gap={0.5}
->
-  <div
-    color="#a4a5b2"
-    fontSize="medium"
-  />
-  <ForwardRef(Typography)
-    color="#a4a5b2"
-    variant="h6"
-  >
-    0
-  </ForwardRef(Typography)>
-</ForwardRef(Box)>
-`;
-
-exports[`OptionsInputDropdownItem > should render proper alternative styling 1`] = `
-<ForwardRef(Box)
-  alignItems="center"
-  color="#000000"
-  data-testid="option-item"
-  display="flex"
-  gap={0.5}
->
-  <ForwardRef(Tooltip)
-    arrow={true}
-    placement="top"
-    title={
-      <ForwardRef(Box)
-        display="flex"
-        flexDirection="column"
-      >
-        <ForwardRef(Typography)
-          fontWeight={600}
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          luggage
-        </ForwardRef(Typography)>
-        <ForwardRef(Typography)
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          This is your luggage
-        </ForwardRef(Typography)>
-      </ForwardRef(Box)>
-    }
-  >
-    <span>
-      <div
-        color="#000000"
-        fontSize="medium"
-      />
-    </span>
-  </ForwardRef(Tooltip)>
-  <ForwardRef(Typography)
-    color="#000000"
-    variant="h6"
-  >
-    1
-  </ForwardRef(Typography)>
-</ForwardRef(Box)>
-`;

package/src/components/__tests__/__snapshots__/options-input-dropdown-item.spec.tsx.snap

@@ -1,134 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`OptionsInputDropdownItem > should match snapshot 1`] = `
-<React.Fragment>
-  <ForwardRef(Divider)
-    sx={
-      {
-        "color": [Function],
-      }
-    }
-  />
-  <ForwardRef(ListItem)
-    className="options-input__dropdown-item options-input__dropdown-item--empty"
-    sx={
-      {
-        "display": "flex",
-        "justifyContent": "space-between",
-      }
-    }
-  >
-    <ForwardRef(Box)
-      alignItems="center"
-      display="flex"
-    >
-      <div
-        color="black"
-        fontSize="small"
-      />
-      <ForwardRef(TextField)
-        InputProps={
-          {
-            "disableUnderline": true,
-          }
-        }
-        className="options-input__dropdown-item-input"
-        inputProps={
-          {
-            "data-testid": "dropdown-item-input",
-            "inputMode": "numeric",
-            "pattern": "-?[0-9]*",
-            "style": {
-              "textAlign": "center",
-            },
-          }
-        }
-        onBlur={[MockFunction spy]}
-        onChange={[Function]}
-        value={0}
-        variant="standard"
-      />
-      <ForwardRef(Box)
-        display="flex"
-        flexDirection="column"
-        justifyContent="center"
-        minWidth="5rem"
-        paddingLeft={1}
-        paddingRight={2}
-      >
-        <ForwardRef(Typography)
-          color="black"
-          fontSize={13}
-          fontWeight={600}
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          luggage-id
-        </ForwardRef(Typography)>
-        <ForwardRef(Box)
-          data-testid="option-details-container"
-          height="1rem"
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-          position="relative"
-        >
-          <ForwardRef(Typography)
-            color="gray"
-            data-testid="option-details"
-            sx={
-              {
-                "my": 0,
-                "position": "fixed",
-                "zIndex": 10000,
-              }
-            }
-            variant="caption"
-          >
-            This is your lu...
-          </ForwardRef(Typography)>
-        </ForwardRef(Box)>
-      </ForwardRef(Box)>
-    </ForwardRef(Box)>
-    <ForwardRef(ButtonGroup)
-      className="options-input__dropdown-item-buttons"
-      size="small"
-      variant="outlined"
-    >
-      <ForwardRef(Button)
-        className="options-input__dropdown-item-button"
-        color="primary"
-        disabled={false}
-        onClick={[Function]}
-        role="button"
-      >
-        <Memo
-          sx={
-            {
-              "color": "primary",
-            }
-          }
-        />
-      </ForwardRef(Button)>
-      <ForwardRef(Button)
-        className="options-input__dropdown-item-button"
-        color="primary"
-        disabled={false}
-        onClick={[Function]}
-        role="button"
-      >
-        <Memo
-          sx={
-            {
-              "color": "primary",
-            }
-          }
-        />
-      </ForwardRef(Button)>
-    </ForwardRef(ButtonGroup)>
-  </ForwardRef(ListItem)>
-</React.Fragment>
-`;