@npm_leadtech/legal-lib-components 7.89.10 → 7.90.0

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CloseIcon } from '../../../../images/componentsSvg/CloseIcon';
-import { Done24px } from '../../../../images/componentsSvg/Done24px';
-import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
-import { Time24px } from '../../../../images/componentsSvg/Time24px';
-import { SignerStatusItemStyled } from './SignerStatusItem.styled';
-const iconByStatus = {
-    signed: _jsx(Done24px, {}),
-    'in-progress': _jsx(Time24px, {}),
-    declined: _jsx(CloseIcon, {}),
-    awaiting: _jsx(Time24px, {}),
-    'no-response': _jsx(NewRelease24p, {})
-};
-export const SignerStatusItem = ({ status, children, givenClass = '' }) => {
-    return (_jsxs(SignerStatusItemStyled, { className: `signer-status-item signer-status-item--${status} ${givenClass}`, children: [_jsx("span", { className: 'signer-status-item__icon', "aria-hidden": true, children: iconByStatus[status] }), children] }));
-};

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.d.ts

@@ -1 +0,0 @@
-export declare const SignerStatusItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.js

@@ -1,60 +0,0 @@
-import styled from 'styled-components';
-export const SignerStatusItemStyled = styled.li `
-  display: flex;
-  align-items: center;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  font-family: var(--font-sans);
-  list-style: none;
-  gap: 0.25rem;
-
-  .signer-status-item__icon {
-    flex-shrink: 0;
-    width: 16px;
-    height: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: currentColor;
-  }
-
-  &.signer-status-item--signed {
-    background-color: var(--primary-main-light-4);
-
-    svg > path {
-      fill: var(--primary-main-light-1);
-    }
-  }
-
-  &.signer-status-item--in-progress {
-    background-color: var(--neutral-neutral-6);
-
-    svg > path {
-      fill: var(--neutral-neutral-2);
-    }
-  }
-
-  &.signer-status-item--declined {
-    background-color: var(--error-error-3);
-
-    svg > path {
-      fill: var(--error-main);
-    }
-  }
-
-  &.signer-status-item--awaiting {
-    background-color: var(--secondary-main-light-4);
-
-    svg > path {
-      fill: var(--secondary-main-dark-2);
-    }
-  }
-
-  &.signer-status-item--no-response {
-    background-color: var(--neutral-neutral-4);
-
-    svg > path {
-      fill: var(--neutral-neutral-1);
-    }
-  }
-`;

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.ts

@@ -1,61 +0,0 @@
-import styled from 'styled-components'
-
-export const SignerStatusItemStyled = styled.li`
-  display: flex;
-  align-items: center;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  font-family: var(--font-sans);
-  list-style: none;
-  gap: 0.25rem;
-
-  .signer-status-item__icon {
-    flex-shrink: 0;
-    width: 16px;
-    height: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: currentColor;
-  }
-
-  &.signer-status-item--signed {
-    background-color: var(--primary-main-light-4);
-
-    svg > path {
-      fill: var(--primary-main-light-1);
-    }
-  }
-
-  &.signer-status-item--in-progress {
-    background-color: var(--neutral-neutral-6);
-
-    svg > path {
-      fill: var(--neutral-neutral-2);
-    }
-  }
-
-  &.signer-status-item--declined {
-    background-color: var(--error-error-3);
-
-    svg > path {
-      fill: var(--error-main);
-    }
-  }
-
-  &.signer-status-item--awaiting {
-    background-color: var(--secondary-main-light-4);
-
-    svg > path {
-      fill: var(--secondary-main-dark-2);
-    }
-  }
-
-  &.signer-status-item--no-response {
-    background-color: var(--neutral-neutral-4);
-
-    svg > path {
-      fill: var(--neutral-neutral-1);
-    }
-  }
-`

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.tsx

@@ -1,28 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type SignatureStatus, type SignerStatusItemProps } from './SignerStatusItemProps.types'
-import { CloseIcon } from '../../../../images/componentsSvg/CloseIcon'
-import { Done24px } from '../../../../images/componentsSvg/Done24px'
-import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
-import { Time24px } from '../../../../images/componentsSvg/Time24px'
-
-import { SignerStatusItemStyled } from './SignerStatusItem.styled'
-
-const iconByStatus: Record<SignatureStatus, React.ReactNode> = {
-  signed: <Done24px />,
-  'in-progress': <Time24px />,
-  declined: <CloseIcon />,
-  awaiting: <Time24px />,
-  'no-response': <NewRelease24p />
-}
-
-export const SignerStatusItem: FC<SignerStatusItemProps> = ({ status, children, givenClass = '' }) => {
-  return (
-    <SignerStatusItemStyled className={`signer-status-item signer-status-item--${status} ${givenClass}`}>
-      <span className='signer-status-item__icon' aria-hidden>
-        {iconByStatus[status]}
-      </span>
-      {children}
-    </SignerStatusItemStyled>
-  )
-}

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.d.ts

@@ -1,6 +0,0 @@
-export type SignatureStatus = 'signed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response';
-export interface SignerStatusItemProps {
-    status: SignatureStatus;
-    children: React.ReactNode;
-    givenClass?: string;
-}

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.js

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

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.ts

@@ -1,7 +0,0 @@
-export type SignatureStatus = 'signed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response'
-
-export interface SignerStatusItemProps {
-  status: SignatureStatus
-  children: React.ReactNode
-  givenClass?: string
-}

package/dist/src/components/atoms/SignerStatusItem/index.d.ts

@@ -1,2 +0,0 @@
-export { SignerStatusItem } from './SignerStatusItem';
-export type { SignerStatusItemProps, SignatureStatus } from './SignerStatusItemProps.types';

package/dist/src/components/atoms/SignerStatusItem/index.js

@@ -1 +0,0 @@
-export { SignerStatusItem } from './SignerStatusItem';

package/dist/src/components/atoms/SignerStatusItem/index.ts

@@ -1,2 +0,0 @@
-export { SignerStatusItem } from './SignerStatusItem'
-export type { SignerStatusItemProps, SignatureStatus } from './SignerStatusItemProps.types'

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.d.ts

@@ -1,3 +0,0 @@
-import { type FC } from 'react';
-import type { SignersStatusTooltipContentProps } from './SignersStatusTooltipContentProps.types';
-export declare const SignersStatusTooltipContent: FC<SignersStatusTooltipContentProps>;

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms/Button';
-import { SignerStatusItem } from '../../atoms/SignerStatusItem';
-import { SignersStatusTooltipContentStyled } from './SignersStatusTooltipContent.styled';
-export const SignersStatusTooltipContent = ({ title = 'Signers Status', signers, manageRequestsLabel, onManageRequestsClick, manageRequestsDataQa = 'manage_requests_button', givenClass = '' }) => {
-    return (_jsxs(SignersStatusTooltipContentStyled, { className: `signers-status-tooltip-content ${givenClass}`.trim(), children: [_jsx("h3", { children: title }), _jsx("ul", { className: 'signers-status-tooltip-content__signers', children: signers.map((signer, index) => (_jsx(SignerStatusItem, { status: signer.status, children: signer.children }, `${signer.status}-${index}`))) }), _jsx("div", { className: 'signers-status-tooltip-content__button', children: _jsx(Button, { noLink: true, color: 'tertiary', givenClass: 'underline-button', label: manageRequestsLabel, dataQa: manageRequestsDataQa, onClick: onManageRequestsClick }) })] }));
-};

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.d.ts

@@ -1 +0,0 @@
-export declare const SignersStatusTooltipContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-export const SignersStatusTooltipContentStyled = styled.div `
-  width: max-content;
-  padding: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  font-family: var(--font-sans);
-
-  .signers-status-tooltip-content__signers {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding-bottom: 0.5rem;
-    margin: 0;
-    list-style: none;
-  }
-
-  .signers-status-tooltip-content__button {
-    margin-top: 0;
-  }
-`;

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.ts

@@ -1,23 +0,0 @@
-import styled from 'styled-components'
-
-export const SignersStatusTooltipContentStyled = styled.div`
-  width: max-content;
-  padding: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  font-family: var(--font-sans);
-
-  .signers-status-tooltip-content__signers {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding-bottom: 0.5rem;
-    margin: 0;
-    list-style: none;
-  }
-
-  .signers-status-tooltip-content__button {
-    margin-top: 0;
-  }
-`

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.tsx

@@ -1,38 +0,0 @@
-import React, { type FC } from 'react'
-
-import { Button } from '../../atoms/Button'
-import { SignerStatusItem } from '../../atoms/SignerStatusItem'
-import type { SignersStatusTooltipContentProps } from './SignersStatusTooltipContentProps.types'
-import { SignersStatusTooltipContentStyled } from './SignersStatusTooltipContent.styled'
-
-export const SignersStatusTooltipContent: FC<SignersStatusTooltipContentProps> = ({
-  title = 'Signers Status',
-  signers,
-  manageRequestsLabel,
-  onManageRequestsClick,
-  manageRequestsDataQa = 'manage_requests_button',
-  givenClass = ''
-}) => {
-  return (
-    <SignersStatusTooltipContentStyled className={`signers-status-tooltip-content ${givenClass}`.trim()}>
-      <h3>{title}</h3>
-      <ul className='signers-status-tooltip-content__signers'>
-        {signers.map((signer, index) => (
-          <SignerStatusItem key={`${signer.status}-${index}`} status={signer.status}>
-            {signer.children}
-          </SignerStatusItem>
-        ))}
-      </ul>
-      <div className='signers-status-tooltip-content__button'>
-        <Button
-          noLink
-          color='tertiary'
-          givenClass='underline-button'
-          label={manageRequestsLabel}
-          dataQa={manageRequestsDataQa}
-          onClick={onManageRequestsClick}
-        />
-      </div>
-    </SignersStatusTooltipContentStyled>
-  )
-}

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.d.ts

@@ -1,9 +0,0 @@
-import type { SignerStatusItemProps } from '../../atoms/SignerStatusItem/SignerStatusItemProps.types';
-export interface SignersStatusTooltipContentProps {
-    title?: string;
-    signers: SignerStatusItemProps[];
-    manageRequestsLabel: string;
-    onManageRequestsClick: () => void;
-    manageRequestsDataQa?: string;
-    givenClass?: string;
-}

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.js

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

package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.ts

@@ -1,10 +0,0 @@
-import type { SignerStatusItemProps } from '../../atoms/SignerStatusItem/SignerStatusItemProps.types'
-
-export interface SignersStatusTooltipContentProps {
-  title?: string
-  signers: SignerStatusItemProps[]
-  manageRequestsLabel: string
-  onManageRequestsClick: () => void
-  manageRequestsDataQa?: string
-  givenClass?: string
-}

package/dist/src/components/molecules/SignersStatusTooltipContent/index.d.ts

@@ -1,2 +0,0 @@
-export { SignersStatusTooltipContent } from './SignersStatusTooltipContent';
-export type { SignersStatusTooltipContentProps } from './SignersStatusTooltipContentProps.types';

package/dist/src/components/molecules/SignersStatusTooltipContent/index.js

@@ -1 +0,0 @@
-export { SignersStatusTooltipContent } from './SignersStatusTooltipContent';

package/dist/src/components/molecules/SignersStatusTooltipContent/index.ts

@@ -1,2 +0,0 @@
-export { SignersStatusTooltipContent } from './SignersStatusTooltipContent'
-export type { SignersStatusTooltipContentProps } from './SignersStatusTooltipContentProps.types'