@triptease/tt-combobox 5.7.0 → 5.7.2

package/test/tt-combobox.test.ts

@@ -1,664 +0,0 @@
-import { html } from 'lit';
-import { elementUpdated, expect, fixture, oneEvent } from '@open-wc/testing';
-import { TtCombobox } from '../src/index.js';
-import '../src/tt-combobox.js';
-import { TtOption } from '../src/tt-option/TtOption.js';
-
-describe('TtCombobox', () => {
-  const getCombobox = (el: TtCombobox) => el.shadowRoot!.querySelector('[role="combobox"]') as HTMLInputElement;
-
-  const comboboxPlaceholderText = (combobox: HTMLInputElement) => combobox.getAttribute('placeholder');
-
-  const filterCombobox = (combobox: HTMLInputElement, text: string) => {
-    combobox.value = text;
-    combobox.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
-  };
-
-  it('Should render with the default placeholder text', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-
-    await expect(comboboxPlaceholderText(combobox)).to.equal('No options selected');
-  });
-
-  it('should render with the options visible when clicking the combobox', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    const options = el.shadowRoot!.querySelectorAll('tt-option');
-    await expect(options.length).to.equal(3);
-    options.forEach((option) => {
-      expect(option.checkVisibility()).to.be.true;
-    });
-  });
-
-  it('should update the placeholder with the selected option', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    const option = el.shadowRoot!.querySelector('tt-option[value="2"]') as HTMLLIElement;
-    option.click();
-    await elementUpdated(el);
-    expect(comboboxPlaceholderText(combobox)).to.equal('Option 2');
-  });
-
-  it('should update the placeholder with the selected option when setting it via selectedValues', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    el.value = ['2'];
-    await elementUpdated(el);
-    await expect(comboboxPlaceholderText(combobox)).to.equal('Option 2');
-  });
-
-  it('should display select all option when multiselect is true and display-select-all is true, and select all options when clicked', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    await combobox.click();
-
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as HTMLLIElement;
-    expect(selectAll).to.exist;
-
-    selectAll.click();
-    await oneEvent(el, 'change');
-
-    const options = el.shadowRoot!.querySelectorAll('tt-option');
-    options.forEach((option) => {
-      expect(option.selected).to.be.true;
-    });
-  });
-
-  it('should display total selected count after filtering when options were selected before filtering', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-    await elementUpdated(el);
-
-    // Select options 1, 2, and 3 (all of them)
-    const option1 = el.shadowRoot!.querySelector('tt-option[value="1"]') as HTMLLIElement;
-    option1.click();
-    await elementUpdated(el);
-    const option2 = el.shadowRoot!.querySelector('tt-option[value="2"]') as HTMLLIElement;
-    option2.click();
-    await elementUpdated(el);
-    const option3 = el.shadowRoot!.querySelector('tt-option[value="3"]') as HTMLLIElement;
-    option3.click();
-    await elementUpdated(el);
-
-    // Should show 3 options selected
-    expect(comboboxPlaceholderText(combobox)).to.equal('All options selected');
-
-    // Now filter to show only "Option 1"
-    filterCombobox(combobox, 'Option 1');
-    await elementUpdated(el);
-
-    // Should still show 3 options selected (not 1)
-    expect(comboboxPlaceholderText(combobox)).to.equal('3 options selected');
-  });
-
-  it('should show correct count after clearing filter when only filtered options were selected', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="11">Option 11</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-        <option slot="option" value="4">Option 4</option>
-        <option slot="option" value="5">Option 5</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-    await elementUpdated(el);
-
-    // Filter to show only 2 options (Option 1 and Option 11 match "1")
-    filterCombobox(combobox, '1');
-    await elementUpdated(el);
-
-    // Select both visible filtered options
-    const option1 = el.shadowRoot!.querySelector('tt-option[value="1"]') as HTMLLIElement;
-    option1.click();
-    await elementUpdated(el);
-    const option11 = el.shadowRoot!.querySelector('tt-option[value="11"]') as HTMLLIElement;
-    option11.click();
-    await elementUpdated(el);
-
-    // Verify 2 options selected while filter is active
-    expect(comboboxPlaceholderText(combobox)).to.equal('2 options selected');
-
-    // Clear the filter
-    filterCombobox(combobox, '');
-    await elementUpdated(el);
-
-    // Should show "2 options selected", NOT "All options selected"
-    // This is the critical test - when filter is cleared, it should count
-    // all selected options (2), not say "all" just because all visible options
-    // during filtering were selected
-    expect(comboboxPlaceholderText(combobox)).to.equal('2 options selected');
-  });
-
-  it('should not allow a disabled option to be selected', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2" disabled>Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    await combobox.click();
-
-    await elementUpdated(el);
-
-    const option = el.shadowRoot!.querySelector('tt-option[value="2"]') as TtOption;
-
-    await expect(option.disabled).to.be.true;
-    option.click();
-
-    await elementUpdated(el);
-
-    await expect(comboboxPlaceholderText(combobox)).to.equal('No options selected');
-    await expect(el.value).to.deep.equal([]);
-  });
-
-  it('should disable the combobox when the disabled attribute is set', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" disabled>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    expect(combobox.disabled).to.be.true;
-  });
-
-  xit('should render the error message', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-        <span slot="error">There was an error</span>
-      </tt-combobox>`
-    );
-    await elementUpdated(el);
-    const combobox = getCombobox(el);
-    const ariaInvalid = combobox.getAttribute('aria-invalid');
-    expect(ariaInvalid).to.equal('false');
-
-    const errorMessage = el.shadowRoot!.querySelector('[id="error-msg-combobox"]');
-    expect(errorMessage!.checkVisibility()).to.be.false;
-
-    el.invalid = true;
-
-    await elementUpdated(el);
-
-    expect(combobox).to.have.attribute('aria-invalid');
-    expect(errorMessage!.checkVisibility()).to.be.true;
-  });
-
-  it('should call the event handler when the value changes', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-
-    combobox.click();
-
-    const option = el.shadowRoot!.querySelector('tt-option[value="2"]') as HTMLLIElement;
-    option.click();
-
-    const event = await oneEvent(el, 'change');
-    const eventValue = (event.target! as HTMLLIElement).value;
-    expect(eventValue).to.be.an('array').that.includes('2');
-  });
-
-  it("Should prevent the form from submitting when it's required and no option is selected", async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" required>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const form = document.createElement('form');
-    form.appendChild(el);
-    document.body.appendChild(form);
-
-    const submitEvent = new Event('submit', { bubbles: true });
-    form.dispatchEvent(submitEvent);
-
-    await elementUpdated(el);
-
-    expect(form.checkValidity()).to.be.false;
-  });
-
-  it('passes the a11y audit', async () => {
-    const el = await fixture<TtCombobox>(html` <tt-combobox></tt-combobox>`);
-
-    await expect(el).shadowDom.to.be.accessible();
-  });
-
-  it('should allow hidden options', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-        <option slot="option" value="4" hidden>Option 4</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    await combobox.click();
-
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as TtOption;
-    expect(selectAll).to.exist;
-
-    selectAll.click();
-    const changeEvent = await oneEvent<InputEvent>(el, 'change');
-
-    expect(changeEvent).to.exist;
-    expect((changeEvent.target as TtCombobox).value).to.deep.equal(['1', '2', '3', '4']);
-
-    const hiddenOption = el.shadowRoot!.querySelector('tt-option[value="4"][hidden]') as TtOption;
-    expect(hiddenOption).to.exist;
-  });
-
-  it('should not include hidden options in the placeholder text', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-        <option slot="option" value="4" hidden>Option 4</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    await combobox.click();
-
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as TtOption;
-    expect(selectAll).to.exist;
-
-    selectAll.click();
-
-    (<TtOption>el.shadowRoot!.querySelector('tt-option[value="3"]')).click();
-
-    const changeEvent = await oneEvent<InputEvent>(el, 'change');
-
-    expect(changeEvent).to.exist;
-    expect((changeEvent.target as TtCombobox).value).to.deep.equal(['1', '2', '4']);
-
-    expect(combobox.placeholder).to.equal('2 options selected');
-  });
-
-  it('should close after selecting an option when multiselect is false', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    let options = el.shadowRoot!.querySelectorAll('tt-option');
-    expect(options.length).to.equal(3);
-
-    const option = el.shadowRoot!.querySelector('tt-option[value="2"]') as HTMLLIElement;
-    option.click();
-    await elementUpdated(el);
-
-    options = el.shadowRoot!.querySelectorAll('tt-option');
-    options.forEach((o) => {
-      expect(o.checkVisibility()).to.be.false;
-    });
-  });
-
-  it('should include selected options in the value', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all>
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-        <option slot="option" value="4" selected>Option 4</option>
-      </tt-combobox>`
-    );
-
-    await elementUpdated(el);
-    expect(el.value).to.deep.equal(['4']);
-
-    const option = el.querySelector('option[value="3"]') as HTMLOptionElement;
-    option.setAttribute('selected', 'true');
-
-    await elementUpdated(el);
-    await elementUpdated(el); // We have to update twice because we handle the value change, and then rerender
-
-    expect(el.value).to.be.an('array').that.includes('4').and.includes('3');
-  });
-
-  it('should accept a JSON string as value', async () => {
-    const value = ['1', '2'];
-
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all value="${JSON.stringify(value)}">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    await expect(el.value).to.deep.equal(value);
-    const selectedOptions = el.shadowRoot!.querySelectorAll('tt-option[selected]') as NodeListOf<TtOption>;
-    expect(selectedOptions).to.have.lengthOf(2);
-    await expect(Array.from(selectedOptions).map((option) => option.value)).to.deep.equal(value);
-  });
-
-  it('should display the passed placeholder when all options are selected', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all select-all-placeholder="Everything">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as TtOption;
-    expect(selectAll).to.exist;
-
-    selectAll.click();
-    await oneEvent(el, 'change');
-
-    expect(comboboxPlaceholderText(combobox)).to.equal('Everything');
-  });
-
-  it('should render selected options correctly after filtering and deselecting', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all select-all-placeholder="Everything">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    // Select all options
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as TtOption;
-    expect(selectAll).to.exist;
-
-    selectAll.click();
-    await elementUpdated(el);
-
-    // Filter options by typing "Option 1"
-    combobox.value = 'Option 1';
-    combobox.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
-    await elementUpdated(el);
-
-    // Deselect "Option 1"
-    const option1 = el.shadowRoot!.querySelector('tt-option[value="1"]') as TtOption;
-    expect(option1).to.exist;
-
-    option1.click();
-    await elementUpdated(el);
-
-    // Clear the filter
-    combobox.value = '';
-    combobox.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
-    await elementUpdated(el);
-
-    // Verify selected options
-    const selectedOptions = el.shadowRoot!.querySelectorAll('tt-option[selected]');
-    expect(selectedOptions).to.have.lengthOf(2);
-  });
-
-  it('should only add the visible options to the value when select all is clicked after filtering', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all select-all-placeholder="Everything">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    // Open the combobox
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    // Filter options by typing "Option 1" to only show that option
-    filterCombobox(combobox, 'Option 1');
-    await elementUpdated(el);
-
-    // Only Option 1 should be visible
-    const visibleOptions = el.shadowRoot!.querySelectorAll('tt-option:not(.select-all, [hidden])');
-    await expect(visibleOptions.length).to.equal(1);
-    await expect(visibleOptions[0].getAttribute('value')).to.equal('1');
-
-    // Click "Select All"
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as TtOption;
-    selectAll.click();
-    await elementUpdated(el);
-
-    // Clear the filter
-    filterCombobox(combobox, '');
-    await elementUpdated(el);
-
-    // Verify that only "Option 1" is selected
-    await expect(el.value).to.deep.equal(['1']);
-  });
-
-  it('should only remove the visible options from the value when deselecting select all after filtering', async () => {
-    const el = await fixture<TtCombobox>(
-      html` <tt-combobox id="combobox" multiselect display-select-all select-all-placeholder="Everything">
-        <span slot="label">Test combobox</span>
-        <option slot="option" value="1">Option 1</option>
-        <option slot="option" value="2">Option 2</option>
-        <option slot="option" value="3">Option 3</option>
-      </tt-combobox>`
-    );
-
-    // Open the combobox
-    const combobox = getCombobox(el);
-    combobox.click();
-
-    // Click "Select All"
-    const selectAll = el.shadowRoot!.querySelector('tt-option.select-all') as TtOption;
-    selectAll.click();
-    await elementUpdated(el);
-
-    // Filter options by typing "Option 1" to only show that option
-    filterCombobox(combobox, 'Option 1');
-    await elementUpdated(el);
-
-    // Click "Select All" again to deselect visible options
-    selectAll.click();
-    await elementUpdated(el);
-
-    // Clear the filter
-    filterCombobox(combobox, '');
-    await elementUpdated(el);
-
-    // Verify that only "Option 1" is selected
-    await expect(el.value).to.deep.equal(['2', '3']);
-  });
-
-  describe('Form Integration', () => {
-    it('should include its values in FormData when submitted', async () => {
-      // Create a form with the combobox component
-      const form = await fixture<HTMLFormElement>(html`
-        <form method="post" action="#">
-          <input type="text" name="text_field" value="test_input" />
-          <tt-combobox name="country_select" id="combobox">
-            <option slot="option" value="us">United States</option>
-            <option slot="option" value="ca">Canada</option>
-            <option slot="option" value="mx">Mexico</option>
-          </tt-combobox>
-          <button type="submit">Submit</button>
-        </form>
-      `);
-
-      const combobox = form.querySelector('tt-combobox') as TtCombobox;
-      expect(combobox).to.exist;
-
-      // Select an option by setting the value directly
-      combobox.value = ['ca'];
-      await elementUpdated(combobox);
-
-      // Create FormData from the form and verify the combobox's value is included
-      const formData = new FormData(form);
-      const comboboxValue = formData.get('country_select');
-
-      expect(comboboxValue).to.exist;
-      const parsedValue = JSON.parse(comboboxValue as string);
-      expect(parsedValue).to.deep.equal(['ca']);
-    });
-
-    it('should include multiple selected values in FormData when multiselect is true', async () => {
-      // Create a form with a multiselect combobox
-      const form = await fixture<HTMLFormElement>(html`
-        <form method="post" action="#">
-          <tt-combobox name="countries" multiselect id="multiselect-combobox">
-            <option slot="option" value="us">United States</option>
-            <option slot="option" value="ca">Canada</option>
-            <option slot="option" value="mx">Mexico</option>
-            <option slot="option" value="uk">United Kingdom</option>
-          </tt-combobox>
-          <button type="submit">Submit</button>
-        </form>
-      `);
-
-      const combobox = form.querySelector('tt-combobox') as TtCombobox;
-
-      // Select multiple options
-      combobox.value = ['us', 'mx', 'uk'];
-      await elementUpdated(combobox);
-
-      // Verify FormData contains the multiple selected values
-      const formData = new FormData(form);
-      const comboboxValue = formData.get('countries');
-
-      expect(comboboxValue).to.exist;
-      const parsedValue = JSON.parse(comboboxValue as string);
-      expect(parsedValue).to.be.an('array').that.includes('us');
-      expect(parsedValue).to.be.an('array').that.includes('mx');
-      expect(parsedValue).to.be.an('array').that.includes('uk');
-      expect(parsedValue).to.have.lengthOf(3);
-    });
-
-    it('should update FormData when selections change', async () => {
-      const form = await fixture<HTMLFormElement>(html`
-        <form method="post" action="#">
-          <tt-combobox name="selection" id="combobox">
-            <option slot="option" value="option1">Option 1</option>
-            <option slot="option" value="option2">Option 2</option>
-            <option slot="option" value="option3">Option 3</option>
-          </tt-combobox>
-        </form>
-      `);
-
-      const combobox = form.querySelector('tt-combobox') as TtCombobox;
-
-      // Initial selection
-      combobox.value = ['option1'];
-      await elementUpdated(combobox);
-
-      // Check initial FormData
-      let formData = new FormData(form);
-      let value = JSON.parse(formData.get('selection') as string);
-      expect(value).to.deep.equal(['option1']);
-
-      // Change selection
-      combobox.value = ['option2'];
-      await elementUpdated(combobox);
-
-      // Check updated FormData
-      formData = new FormData(form);
-      value = JSON.parse(formData.get('selection') as string);
-      expect(value).to.deep.equal(['option2']);
-    });
-  });
-});

package/tsconfig.cjs.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.packages.cjs.json",
-  "compilerOptions": {
-    "rootDir": "./",
-    "outDir": "dist/cjs"
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["node_modules", "dist"]
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.packages.esm.json",
-  "compilerOptions": {
-    "rootDir": "./",
-    "outDir": "dist/esm"
-  },
-  "include": ["src/**/*.ts", "test/**/*.ts"],
-  "exclude": ["node_modules", "dist"]
-}