@peculiar/certificates-viewer 2.0.1 → 3.0.1

package/dist/types/components/certificate-viewer/public_key.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { IPublicKey } from '../../crypto';
 interface IPublicKeyProps {
-    publicKey: IPublicKey;
+  publicKey: IPublicKey;
 }
 export declare const PublicKey: FunctionalComponent<IPublicKeyProps>;
 export {};

package/dist/types/components/certificate-viewer/row.d.ts

@@ -7,16 +7,16 @@
  */
 import { FunctionalComponent } from '../../stencil-public-runtime';
 interface IRowTitleProps {
-    value: string | string[];
+  value: string | string[];
 }
 export declare const RowTitle: FunctionalComponent<IRowTitleProps>;
 interface IRowValueProps {
-    name: string | string[];
-    value: string | number;
-    monospace?: boolean;
-    collapse?: boolean;
-    href?: string;
-    extraValue?: Element[];
+  name: string | string[];
+  value: string | number;
+  monospace?: boolean;
+  collapse?: boolean;
+  href?: string;
+  extraValue?: Element[];
 }
 export declare const RowValue: FunctionalComponent<IRowValueProps>;
 export {};

package/dist/types/components/certificate-viewer/signature.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { ISignature } from '../../crypto';
 interface ISignatureProps {
-    signature: ISignature;
+  signature: ISignature;
 }
 export declare const Signature: FunctionalComponent<ISignatureProps>;
 export {};

package/dist/types/components/certificate-viewer/subject_name.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { INameJSON } from '../../crypto/name';
 interface ISubjectNameProps {
-    name: INameJSON[];
+  name: INameJSON[];
 }
 export declare const SubjectName: FunctionalComponent<ISubjectNameProps>;
 export {};

package/dist/types/components/certificate-viewer/thumbprints.d.ts

@@ -7,7 +7,7 @@
  */
 import { FunctionalComponent } from '../../stencil-public-runtime';
 interface IThumbprintsProps {
-    thumbprints: Record<string, string>;
+  thumbprints: Record<string, string>;
 }
 export declare const Thumbprints: FunctionalComponent<IThumbprintsProps>;
 export {};

package/dist/types/components/certificate-viewer/types.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+interface IGeneralNameOptions {
+  getDNSNameLink: (value: string) => string;
+  getIPAddressLink: (value: string) => string;
+}
+
+interface ILeiOptions {
+  getLEILink: (value: string) => string;
+}
+
+interface IAuthorityKeyIdentifierOptions {
+  getAuthKeyIdParentLink?: (value: string) => string;
+  getAuthKeyIdSiblingsLink?: (value: string) => string;
+}
+
+interface ISubjectKeyIdentifierOptions {
+  getSubjectKeyIdChildrenLink?: (value: string) => string;
+  getSubjectKeyIdSiblingsLink?: (value: string) => string;
+}

package/dist/types/components/certificates-viewer/certificates-viewer.d.ts

@@ -8,73 +8,73 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { X509Certificate } from '../../crypto';
 export interface ICertificate {
-    value: string;
-    name?: string;
-    tests?: {
-        valid?: string;
-        revoked?: string;
-        expired?: string;
-    };
+  value: string;
+  name?: string;
+  tests?: {
+    valid?: string;
+    revoked?: string;
+    expired?: string;
+  };
 }
 interface ICertificateDecoded {
-    body: X509Certificate;
-    tests?: ICertificate['tests'];
-    name?: string;
+  body: X509Certificate;
+  tests?: ICertificate['tests'];
+  name?: string;
 }
 export declare class CertificatesViewer {
-    /**
-     * List of certificates values for decode and show in the list.
-     * <br />
-     * **NOTE**: If you do not provide a `name` value when
-     * invocing the component it will take the first Subject CN value.
-     * <br />
-     * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.
-     * <br />
-     * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.
-     */
-    certificates: ICertificate[];
-    /**
-     * Use filter in the list when search is changed.
-     */
-    filterWithSearch: boolean;
-    /**
-     * Use highlight chapters in the list when search is changed.
-     */
-    highlightWithSearch: boolean;
-    search: string;
-    certificatesDecoded: ICertificateDecoded[];
-    expandedRow?: number;
-    certificateSelectedForDetails?: X509Certificate;
-    isDecodeInProcess: boolean;
-    /**
-     * Emitted when the user open certificate details modal.
-     */
-    detailsOpen: EventEmitter<X509Certificate>;
-    /**
-     * Emitted when the user close certificate details modal.
-     */
-    detailsClose: EventEmitter<void>;
-    private isHasTests;
-    private isHasRoots;
-    componentWillLoad(): void;
-    watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]): void;
-    certificatesDecodeAndSet(): Promise<void>;
-    private handleClickDownloadAsPem;
-    private handleClickDownloadAsDer;
-    private handleClickDetails;
-    private handleModalClose;
-    private handleClickRow;
-    private getMaxColSpanValue;
-    private renderExpandedRow;
-    private renderCertificateTests;
-    private renderContentState;
-    private renderCertificateDetailsModal;
-    private renderSearch;
-    private renderEmptyState;
-    private renderEmptySearchState;
-    private renderLoadingState;
-    private renderBody;
-    private handleSearch;
-    render(): any;
+  /**
+   * List of certificates values for decode and show in the list.
+   * <br />
+   * **NOTE**: If you do not provide a `name` value when
+   * invocing the component it will take the first Subject CN value.
+   * <br />
+   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.
+   * <br />
+   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.
+   */
+  certificates: ICertificate[];
+  /**
+   * Use filter in the list when search is changed.
+   */
+  filterWithSearch: boolean;
+  /**
+   * Use highlight chapters in the list when search is changed.
+   */
+  highlightWithSearch: boolean;
+  search: string;
+  certificatesDecoded: ICertificateDecoded[];
+  expandedRow?: number;
+  certificateSelectedForDetails?: X509Certificate;
+  isDecodeInProcess: boolean;
+  /**
+   * Emitted when the user open certificate details modal.
+   */
+  detailsOpen: EventEmitter<X509Certificate>;
+  /**
+   * Emitted when the user close certificate details modal.
+   */
+  detailsClose: EventEmitter<void>;
+  private isHasTests;
+  private isHasRoots;
+  componentWillLoad(): void;
+  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]): void;
+  certificatesDecodeAndSet(): Promise<void>;
+  private handleClickDownloadAsPem;
+  private handleClickDownloadAsDer;
+  private handleClickDetails;
+  private handleModalClose;
+  private handleClickRow;
+  private getMaxColSpanValue;
+  private renderExpandedRow;
+  private renderCertificateTests;
+  private renderContentState;
+  private renderCertificateDetailsModal;
+  private renderSearch;
+  private renderEmptyState;
+  private renderEmptySearchState;
+  private renderLoadingState;
+  private renderBody;
+  private handleSearch;
+  render(): any;
 }
 export {};

package/dist/types/components/circular-progress/circular-progress.d.ts

@@ -6,14 +6,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 export declare class CircularProgress {
-    /**
-     * Width/height of progress circle.
-     */
-    size: number;
-    /**
-     * Stroke width of progress bar circle.
-     */
-    width: number;
-    private box;
-    render(): any;
+  /**
+   * Width/height of progress circle.
+   */
+  size: number;
+  /**
+   * Stroke width of progress bar circle.
+   */
+  width: number;
+  private box;
+  render(): any;
 }

package/dist/types/components/csr-viewer/csr-viewer.d.ts

@@ -8,49 +8,49 @@
 import { CSR } from '../../crypto';
 export declare type CsrProp = string | CSR;
 export declare class CsrViewer {
-    certificateDecoded: CSR;
-    certificateDecodeError: Error;
-    /**
-     * The certificate value for decode and show details. Use PEM or DER.
-     */
-    certificate: CsrProp;
-    /**
-     * If `true` - component will show split-button to download certificate as PEM or DER.
-     */
-    download?: boolean;
-    /**
-     * Subject Key Identifier extension children link.
-     * <br />
-     * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
-     * @example
-     *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
-     */
-    subjectKeyIdChildrenLink?: string;
-    /**
-     * Subject Key Identifier extension siblings link.
-     * <br />
-     * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
-     * @example
-     *  https://some.com/{{subjectKeyId}}
-     */
-    subjectKeyIdSiblingsLink?: string;
-    /**
-     * Choose view type instead @media.
-     */
-    view?: 'mobile';
-    isDecodeInProcess: boolean;
-    componentWillLoad(): void;
-    private decodeCertificate;
-    /**
-     * Rerun decodeCertificate if previuos value not equal current value
-     */
-    watchCertificateAndDecode(newValue: CsrProp, oldValue: CsrProp): void;
-    private getAuthKeyIdParentLink;
-    private getAuthKeyIdSiblingsLink;
-    private getSubjectKeyIdChildrenLink;
-    private getSubjectKeyIdSiblingsLink;
-    private renderErrorState;
-    private renderEmptyState;
-    private getExtensionRequestAttribute;
-    render(): any;
+  certificateDecoded: CSR;
+  certificateDecodeError: Error;
+  /**
+   * The certificate value for decode and show details. Use PEM or DER.
+   */
+  certificate: CsrProp;
+  /**
+   * If `true` - component will show split-button to download certificate as PEM or DER.
+   */
+  download?: boolean;
+  /**
+   * Subject Key Identifier extension children link.
+   * <br />
+   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
+   * @example
+   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
+   */
+  subjectKeyIdChildrenLink?: string;
+  /**
+   * Subject Key Identifier extension siblings link.
+   * <br />
+   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
+   * @example
+   *  https://some.com/{{subjectKeyId}}
+   */
+  subjectKeyIdSiblingsLink?: string;
+  /**
+   * Choose view type instead @media.
+   */
+  view?: 'mobile';
+  isDecodeInProcess: boolean;
+  componentWillLoad(): void;
+  private decodeCertificate;
+  /**
+   * Rerun decodeCertificate if previuos value not equal current value
+   */
+  watchCertificateAndDecode(newValue: CsrProp, oldValue: CsrProp): void;
+  private getAuthKeyIdParentLink;
+  private getAuthKeyIdSiblingsLink;
+  private getSubjectKeyIdChildrenLink;
+  private getSubjectKeyIdSiblingsLink;
+  private renderErrorState;
+  private renderEmptyState;
+  private getExtensionRequestAttribute;
+  render(): any;
 }

package/dist/types/components/highlight-words/highlight-words.d.ts

@@ -6,12 +6,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 export declare class HighlightWords {
-    host: HTMLElement;
-    search: string;
-    private tag;
-    componentDidLoad(): void;
-    componentDidUpdate(): void;
-    handleHighlightSearch(): void;
-    resetHighlightSearch(source: string): string;
-    render(): any;
+  host: HTMLElement;
+  search: string;
+  private tag;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  handleHighlightSearch(): void;
+  resetHighlightSearch(source: string): string;
+  render(): any;
 }

package/dist/types/components/link/link.d.ts

@@ -6,10 +6,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 export declare class Link {
-    href: string;
-    /**
-     * Typography type.
-     */
-    type: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
-    render(): any;
+  href: string;
+  /**
+   * Typography type.
+   */
+  type: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
+  render(): any;
 }

package/dist/types/components/text-hider/text-hider.d.ts

@@ -7,8 +7,8 @@
  */
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TextHider {
-    opened: boolean;
-    textExpand: EventEmitter;
-    textExpandHandler(): void;
-    render(): any;
+  opened: boolean;
+  textExpand: EventEmitter;
+  textExpandHandler(): void;
+  render(): any;
 }

package/dist/types/components/typography/typography.d.ts

@@ -7,22 +7,22 @@
  */
 import { ColorType } from '../../interface';
 export declare class PeculiarTypography {
-    /**
-     * Typography type.
-     */
-    type: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
-    /**
-     * Component color from theme.
-     */
-    color: ColorType;
-    /**
-     * Text align.
-     */
-    align?: 'left' | 'center' | 'right';
-    /**
-     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-     */
-    ellipsis?: boolean;
-    monospace?: boolean;
-    render(): any;
+  /**
+   * Typography type.
+   */
+  type: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
+  /**
+   * Component color from theme.
+   */
+  color: ColorType;
+  /**
+   * Text align.
+   */
+  align?: 'left' | 'center' | 'right';
+  /**
+   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+   */
+  ellipsis?: boolean;
+  monospace?: boolean;
+  render(): any;
 }

package/dist/types/components.d.ts

@@ -193,6 +193,14 @@ export namespace Components {
         "type": 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
     }
 }
+export interface PeculiarCertificatesViewerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPeculiarCertificatesViewerElement;
+}
+export interface PeculiarTextHiderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPeculiarTextHiderElement;
+}
 declare global {
     interface HTMLPeculiarAttributeCertificateViewerElement extends Components.PeculiarAttributeCertificateViewer, HTMLStencilElement {
     }
@@ -404,11 +412,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the user close certificate details modal.
          */
-        "onDetailsClose"?: (event: CustomEvent<void>) => void;
+        "onDetailsClose"?: (event: PeculiarCertificatesViewerCustomEvent<void>) => void;
         /**
           * Emitted when the user open certificate details modal.
          */
-        "onDetailsOpen"?: (event: CustomEvent<X509Certificate>) => void;
+        "onDetailsOpen"?: (event: PeculiarCertificatesViewerCustomEvent<X509Certificate>) => void;
     }
     interface PeculiarCircularProgress {
         /**
@@ -455,7 +463,7 @@ declare namespace LocalJSX {
         "type"?: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
     }
     interface PeculiarTextHider {
-        "onTextExpand"?: (event: CustomEvent<any>) => void;
+        "onTextExpand"?: (event: PeculiarTextHiderCustomEvent<any>) => void;
         "opened"?: boolean;
     }
     interface PeculiarTypography {