@trii/components 3.1.9 → 3.1.11

package/dist/sidebar-panel-tests.log

@@ -0,0 +1,356 @@
+
+> @trii/components@3.1.10 test
+> jest src/components/ContactSidebar/__tests__/contactPanels.test.tsx
+
+  console.error
+    Warning: `ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info.
+
+      29 | it.each([false,true])('opens the editor with the correct entity target (business=%s)', isBusiness => {
+      30 |   mockEntity = {...mockEntity, isBusiness, name:'Example Business'};
+    > 31 |   render(<PremiumContactHeader activeTab={0} />);
+         |         ^
+      32 |   fireEvent.click(screen.getByRole('button', {name:'global.edit'}));
+      33 |   expect(mockEditorProps.open).toBe(true);
+      34 |   expect(mockEditorProps.entityId).toBe('A');
+
+      at printWarning (node_modules/react-dom/cjs/react-dom-test-utils.development.js:71:30)
+      at error (node_modules/react-dom/cjs/react-dom-test-utils.development.js:45:7)
+      at actWithWarning (node_modules/react-dom/cjs/react-dom-test-utils.development.js:1736:7)
+      at node_modules/@testing-library/react/dist/act-compat.js:47:25
+      at renderRoot (node_modules/@testing-library/react/dist/pure.js:180:26)
+      at render (node_modules/@testing-library/react/dist/pure.js:271:10)
+      at src/components/ContactSidebar/__tests__/contactPanels.test.tsx:31:9
+
+(node:58416) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
+(Use `node --trace-deprecation ...` to show where the warning was created)
+FAIL src/components/ContactSidebar/__tests__/contactPanels.test.tsx (17.093 s)
+  × opens the editor with the correct entity target (business=false) (562 ms)
+  × opens the editor with the correct entity target (business=true) (408 ms)
+  √ renders the channels section when ims_rcs is the only address (86 ms)
+  √ renders the channels section when ims_mercadolibre is the only address (46 ms)
+
+  ● opens the editor with the correct entity target (business=false)
+
+    TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "global.edit"
+
+    Here are the accessible roles:
+
+      button:
+
+      Name "":
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+        tabindex="0"
+        type="button"
+      />
+
+      Name "":
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hdssu8-MuiButtonBase-root-MuiIconButton-root"
+        tabindex="0"
+        type="button"
+      />
+
+      Name "":
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+        tabindex="0"
+        type="button"
+      />
+
+      --------------------------------------------------
+      heading:
+
+      Name "Example Person":
+      <h6
+        class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap css-1h8dq3h-MuiTypography-root"
+      />
+
+      --------------------------------------------------
+
+    Ignored nodes: comments, script, style
+    <body>
+      <div>
+        <div
+          class="MuiBox-root css-1kkn1x0"
+        >
+          <div
+            class="MuiBox-root css-uj2gl9"
+          >
+            <div
+              class="MuiStack-root css-1xtp169-MuiStack-root"
+            >
+              <p
+                class="MuiTypography-root MuiTypography-body1 css-1bugzp5-MuiTypography-root"
+              >
+                global.contact
+              </p>
+            </div>
+            <div
+              class="MuiStack-root css-69ywkl-MuiStack-root"
+            >
+              <span
+                aria-label="conversations.contactInfo.more.joinContact"
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <svg />
+                  <span
+                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                  />
+                </button>
+              </span>
+              <span
+                aria-label="global.edit"
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hdssu8-MuiButtonBase-root-MuiIconButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <svg />
+                  <span
+                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                  />
+                </button>
+              </span>
+              <span
+                aria-label="conversations.sidebar.seeInContacts"
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <svg />
+                  <span
+                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                  />
+                </button>
+              </span>
+            </div>
+          </div>
+          <div
+            class="MuiBox-root css-1cvwc06"
+          >
+            <div
+              class="MuiStack-root css-1h9mz9o-MuiStack-root"
+            >
+              <div
+                class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-19bux14-MuiAvatar-root"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
+                  data-testid="PersonIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                  />
+                </svg>
+              </div>
+              <div
+                class="MuiBox-root css-1fjtzvx"
+              >
+                <h6
+                  class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap css-1h8dq3h-MuiTypography-root"
+                >
+                  Example Person
+                </h6>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </body>
+
+      30 |   mockEntity = {...mockEntity, isBusiness, name:'Example Business'};
+      31 |   render(<PremiumContactHeader activeTab={0} />);
+    > 32 |   fireEvent.click(screen.getByRole('button', {name:'global.edit'}));
+         |                          ^
+      33 |   expect(mockEditorProps.open).toBe(true);
+      34 |   expect(mockEditorProps.entityId).toBe('A');
+      35 |   expect(mockEditorProps.entityType).toBe(isBusiness ? 'business' : 'contact');
+
+      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
+      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
+      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
+      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
+      at getByRole (src/components/ContactSidebar/__tests__/contactPanels.test.tsx:32:26)
+
+  ● opens the editor with the correct entity target (business=true)
+
+    TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "global.edit"
+
+    Here are the accessible roles:
+
+      button:
+
+      Name "":
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+        tabindex="0"
+        type="button"
+      />
+
+      Name "":
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hdssu8-MuiButtonBase-root-MuiIconButton-root"
+        tabindex="0"
+        type="button"
+      />
+
+      Name "":
+      <button
+        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+        tabindex="0"
+        type="button"
+      />
+
+      --------------------------------------------------
+      heading:
+
+      Name "Example Business":
+      <h6
+        class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap css-1h8dq3h-MuiTypography-root"
+      />
+
+      --------------------------------------------------
+
+    Ignored nodes: comments, script, style
+    <body>
+      <div>
+        <div
+          class="MuiBox-root css-1kkn1x0"
+        >
+          <div
+            class="MuiBox-root css-uj2gl9"
+          >
+            <div
+              class="MuiStack-root css-1xtp169-MuiStack-root"
+            >
+              <p
+                class="MuiTypography-root MuiTypography-body1 css-1bugzp5-MuiTypography-root"
+              >
+                global.contact
+              </p>
+            </div>
+            <div
+              class="MuiStack-root css-69ywkl-MuiStack-root"
+            >
+              <span
+                aria-label="conversations.contactInfo.more.joinContact"
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <svg />
+                  <span
+                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                  />
+                </button>
+              </span>
+              <span
+                aria-label="global.edit"
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-hdssu8-MuiButtonBase-root-MuiIconButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <svg />
+                  <span
+                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                  />
+                </button>
+              </span>
+              <span
+                aria-label="conversations.sidebar.seeInContacts"
+                class=""
+                data-mui-internal-clone-element="true"
+              >
+                <button
+                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1jddj2l-MuiButtonBase-root-MuiIconButton-root"
+                  tabindex="0"
+                  type="button"
+                >
+                  <svg />
+                  <span
+                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                  />
+                </button>
+              </span>
+            </div>
+          </div>
+          <div
+            class="MuiBox-root css-1cvwc06"
+          >
+            <div
+              class="MuiStack-root css-1h9mz9o-MuiStack-root"
+            >
+              <div
+                class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-19bux14-MuiAvatar-root"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
+                  data-testid="PersonIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                  />
+                </svg>
+              </div>
+              <div
+                class="MuiBox-root css-1fjtzvx"
+              >
+                <h6
+                  class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap css-1h8dq3h-MuiTypography-root"
+                >
+                  Example Business
+                </h6>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </body>
+
+      30 |   mockEntity = {...mockEntity, isBusiness, name:'Example Business'};
+      31 |   render(<PremiumContactHeader activeTab={0} />);
+    > 32 |   fireEvent.click(screen.getByRole('button', {name:'global.edit'}));
+         |                          ^
+      33 |   expect(mockEditorProps.open).toBe(true);
+      34 |   expect(mockEditorProps.entityId).toBe('A');
+      35 |   expect(mockEditorProps.entityType).toBe(isBusiness ? 'business' : 'contact');
+
+      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
+      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
+      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
+      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
+      at getByRole (src/components/ContactSidebar/__tests__/contactPanels.test.tsx:32:26)
+
+Test Suites: 1 failed, 1 total
+Tests:       2 failed, 2 passed, 4 total
+Snapshots:   0 total
+Time:        19.226 s
+Ran all test suites matching /src\\components\\ContactSidebar\\__tests__\\contactPanels.test.tsx/i.

package/dist/tab-scroll-build.log

@@ -0,0 +1,32 @@
+
+> @trii/components@3.1.10 build
+> npm-run-all --serial build:types build:js
+
+
+> @trii/components@3.1.10 build:types
+> tsc --project tsconfig.build.json --emitDeclarationOnly
+
+
+> @trii/components@3.1.10 build:js
+> rollup -c
+
+
+src/index.ts → dist/cjs/index.js, dist/esm/index.js...
+(!) Circular dependency
+src/components/EditContactModal/components/Section/ContactInformation/components/EditModal/layout/index.ts -> src/components/EditContactModal/components/Section/ContactInformation/components/EditModal/layout/InformationSocialNetworkItem/index.ts -> src/components/EditContactModal/components/Section/ContactInformation/components/EditModal/layout/InformationSocialNetworkItem/InformationSocialNetworkItem.tsx -> src/components/EditContactModal/components/Section/ContactInformation/components/EditModal/layout/index.ts
+created dist/cjs/index.js, dist/esm/index.js in 17.1s
+
+src/asyncState/index.ts → dist/cjs/async-state.js, dist/esm/async-state.js...
+created dist/cjs/async-state.js, dist/esm/async-state.js in 149ms
+
+src/theme/index.ts → dist/cjs/theme.js, dist/esm/theme.js...
+created dist/cjs/theme.js, dist/esm/theme.js in 171ms
+
+dist/types/index.d.ts → dist/index.d.ts...
+created dist/index.d.ts in 749ms
+
+dist/types/asyncState/index.d.ts → dist/async-state.d.ts...
+created dist/async-state.d.ts in 63ms
+
+dist/types/theme/index.d.ts → dist/theme.d.ts...
+created dist/theme.d.ts in 144ms

package/dist/tab-scroll-tests.log

@@ -0,0 +1,58 @@
+
+> @trii/components@3.1.10 test
+> jest src/components/IntegrationButtonIcon/__tests__/IntegrationButtonIcon.test.tsx src/components/ContactSidebar/__tests__/SidebarContent.test.tsx
+
+(node:54436) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
+(Use `node --trace-deprecation ...` to show where the warning was created)
+PASS src/components/ContactSidebar/__tests__/SidebarContent.test.tsx (9.744 s)
+  ● Console
+
+    console.error
+      Warning: `ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info.
+
+      34 | });
+      35 | it('leaves retry accessible when initial loading fails', () => {
+    > 36 |   render(<SidebarContent conversation={null} active />);
+         |         ^
+      37 |   expect(screen.getByRole('button', { name: 'retry' })).toBeVisible();
+      38 |   expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
+      39 | });
+
+      at printWarning (node_modules/react-dom/cjs/react-dom-test-utils.development.js:71:30)
+      at error (node_modules/react-dom/cjs/react-dom-test-utils.development.js:45:7)
+      at actWithWarning (node_modules/react-dom/cjs/react-dom-test-utils.development.js:1736:7)
+      at node_modules/@testing-library/react/dist/act-compat.js:47:25
+      at renderRoot (node_modules/@testing-library/react/dist/pure.js:180:26)
+      at render (node_modules/@testing-library/react/dist/pure.js:271:10)
+      at Object.<anonymous> (src/components/ContactSidebar/__tests__/SidebarContent.test.tsx:36:9)
+
+(node:58964) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
+(Use `node --trace-deprecation ...` to show where the warning was created)
+PASS src/components/IntegrationButtonIcon/__tests__/IntegrationButtonIcon.test.tsx (11.259 s)
+  ● Console
+
+    console.error
+      Warning: `ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info.
+
+      40 |
+      41 | it.each(['light', 'dark'] as const)('uses the custom %s color for a configured Lucide icon', mode => {
+    > 42 |   const { container } = render(preview(colors, mode));
+         |                               ^
+      43 |   const svg = container.querySelector('svg');
+      44 |   expect(svg).toHaveClass('lucide-receipt');
+      45 |   expect(svg).toHaveAttribute('stroke', mode === 'light' ? '#2563eb' : '#fbbf24');
+
+      at printWarning (node_modules/react-dom/cjs/react-dom-test-utils.development.js:71:30)
+      at error (node_modules/react-dom/cjs/react-dom-test-utils.development.js:45:7)
+      at actWithWarning (node_modules/react-dom/cjs/react-dom-test-utils.development.js:1736:7)
+      at node_modules/@testing-library/react/dist/act-compat.js:47:25
+      at renderRoot (node_modules/@testing-library/react/dist/pure.js:180:26)
+      at render (node_modules/@testing-library/react/dist/pure.js:271:10)
+      at src/components/IntegrationButtonIcon/__tests__/IntegrationButtonIcon.test.tsx:42:31
+
+
+Test Suites: 2 passed, 2 total
+Tests:       23 passed, 23 total
+Snapshots:   0 total
+Time:        16.501 s
+Ran all test suites matching /src\\components\\IntegrationButtonIcon\\__tests__\\IntegrationButtonIcon.test.tsx|src\\components\\ContactSidebar\\__tests__\\SidebarContent.test.tsx/i.