@peculiar/certificates-viewer 3.10.1 → 4.0.1

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

@@ -12,7 +12,10 @@ export declare class CertificateDecoder {
   /**
    * The example certificate value for decode and show details. Use PEM or DER.
    */
-  certificateExample?: string;
+  certificateExamples?: {
+    title: string;
+    value: string;
+  }[];
   /**
    * The default certificate value for decode and show details. Use PEM or DER.
    */
@@ -27,11 +30,11 @@ export declare class CertificateDecoder {
    */
   clearCertificate: EventEmitter<void>;
   componentDidLoad(): void;
-  private onClickDecode;
-  private onClickExample;
-  private onClickClear;
-  private onChangeInputFile;
-  private onDropFile;
+  private handleClickDecode;
+  private handleClickClear;
+  private handleChangeInputFile;
+  private handleChangeExample;
+  private handleDropFile;
   clearValue(): void;
   setValue(value: X509Certificate | X509AttributeCertificate | CSR | CRL): void;
   decode(certificate: string): void;

package/dist/types/components/certificate-details-parts/miscellaneous.d.ts

@@ -7,7 +7,7 @@
  */
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { X509Certificate, X509AttributeCertificate, CSR, CRL } from '../../crypto';
-declare type CertificateType = X509Certificate | X509AttributeCertificate | CSR | CRL;
+type CertificateType = X509Certificate | X509AttributeCertificate | CSR | CRL;
 interface IMiscellaneousProps {
   certificate: CertificateType;
 }

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

@@ -5,10 +5,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { X509Certificate } from '../../crypto';
-export declare class CertificateSummary {
+interface CertificateSummaryProps {
   certificate: X509Certificate;
   showIssuer?: boolean;
-  renderRow(name: string | string[], value: string | number, monospace?: boolean): any;
-  render(): any;
 }
+export declare const CertificateSummary: FunctionalComponent<CertificateSummaryProps>;
+export {};

package/dist/types/components/certificate-summary/index.d.ts

@@ -0,0 +1 @@
+export { CertificateSummary } from './certificate-summary';

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

@@ -6,10 +6,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { X509Certificate } from '../../crypto';
-export declare type CertificateProp = string | X509Certificate;
+export type CertificateProp = string | X509Certificate;
 export declare class CertificateViewer {
-  certificateDecoded: X509Certificate;
-  certificateDecodeError: Error;
+  private certificateDecoded;
+  private certificateDecodeError;
+  private mobileMediaQuery;
   /**
    * The certificate value for decode and show details. Use PEM or DER.
    */
@@ -56,11 +57,18 @@ export declare class CertificateViewer {
    */
   issuerDnLink?: string;
   /**
-   * Choose view type instead @media.
+   * Mobile media query string to control screen view change.
+   * <br />
+   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+   * @example
+   *  (max-width: 900px)
    */
-  view?: 'mobile';
+  mobileMediaQueryString?: string;
+  mobileScreenView: boolean;
   isDecodeInProcess: boolean;
+  private handleMediaQueryChange;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   private decodeCertificate;
   /**
    * Rerun decodeCertificate if previuos value not equal current value

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

@@ -22,6 +22,8 @@ interface ICertificateDecoded {
   name?: string;
 }
 export declare class CertificatesViewer {
+  private isHasRoots;
+  private mobileMediaQuery;
   /**
    * List of certificates values for decode and show in the list.
    * <br />
@@ -41,11 +43,14 @@ export declare class CertificatesViewer {
    * Use highlight chapters in the list when search is changed.
    */
   highlightWithSearch: boolean;
-  search: string;
-  certificatesDecoded: ICertificateDecoded[];
-  expandedRow?: number;
-  certificateSelectedForDetails?: X509Certificate;
-  isDecodeInProcess: boolean;
+  /**
+   * Mobile media query string to control screen view change.
+   * <br />
+   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+   * @example
+   *  (max-width: 900px)
+   */
+  mobileMediaQueryString?: string;
   /**
    * Emitted when the user open certificate details modal.
    */
@@ -54,9 +59,15 @@ export declare class CertificatesViewer {
    * Emitted when the user close certificate details modal.
    */
   detailsClose: EventEmitter<void>;
-  private isHasTests;
-  private isHasRoots;
+  mobileScreenView: boolean;
+  search: string;
+  certificatesDecoded: ICertificateDecoded[];
+  expandedRow?: number;
+  certificateSelectedForDetails?: X509Certificate;
+  isDecodeInProcess: boolean;
+  private handleMediaQueryChange;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]): void;
   certificatesDecodeAndSet(): Promise<void>;
   private handleClickDownloadAsPem;
@@ -64,17 +75,17 @@ export declare class CertificatesViewer {
   private handleClickDetails;
   private handleModalClose;
   private handleClickRow;
+  private handleSearch;
   private getMaxColSpanValue;
+  private renderCertificateButtonActions;
   private renderExpandedRow;
-  private renderCertificateTests;
-  private renderContentState;
+  private renderCertificatesRows;
   private renderCertificateDetailsModal;
   private renderSearch;
   private renderEmptyState;
   private renderEmptySearchState;
   private renderLoadingState;
-  private renderBody;
-  private handleSearch;
+  private renderTableBody;
   render(): any;
 }
 export {};

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

@@ -6,10 +6,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { CRL } from '../../crypto';
-export declare type CrlProp = string | CRL;
+export type CrlProp = string | CRL;
 export declare class CrlViewer {
-  certificateDecoded: CRL;
-  certificateDecodeError: Error;
+  private certificateDecoded;
+  private certificateDecodeError;
+  private mobileMediaQuery;
   /**
    * The certificate value for decode and show details. Use PEM or DER.
    */
@@ -40,11 +41,18 @@ export declare class CrlViewer {
    */
   issuerDnLink?: string;
   /**
-   * Choose view type instead @media.
+   * Mobile media query string to control screen view change.
+   * <br />
+   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+   * @example
+   *  (max-width: 900px)
    */
-  view?: 'mobile';
+  mobileMediaQueryString?: string;
+  mobileScreenView: boolean;
   isDecodeInProcess: boolean;
+  private handleMediaQueryChange;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   private decodeCertificate;
   private getAuthKeyIdParentLink;
   private getAuthKeyIdSiblingsLink;

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

@@ -6,10 +6,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { CSR } from '../../crypto';
-export declare type CsrProp = string | CSR;
+export type CsrProp = string | CSR;
 export declare class CsrViewer {
-  certificateDecoded: CSR;
-  certificateDecodeError: Error;
+  private certificateDecoded;
+  private certificateDecodeError;
+  private mobileMediaQuery;
   /**
    * The certificate value for decode and show details. Use PEM or DER.
    */
@@ -35,11 +36,18 @@ export declare class CsrViewer {
    */
   subjectKeyIdSiblingsLink?: string;
   /**
-   * Choose view type instead @media.
+   * Mobile media query string to control screen view change.
+   * <br />
+   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+   * @example
+   *  (max-width: 900px)
    */
-  view?: 'mobile';
+  mobileMediaQueryString?: string;
+  mobileScreenView: boolean;
   isDecodeInProcess: boolean;
+  private handleMediaQueryChange;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   private decodeCertificate;
   /**
    * Rerun decodeCertificate if previuos value not equal current value

package/dist/types/components/icons/actions.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const ActionsIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

package/dist/types/components/icons/arrow_bottom.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const ArrowBottomIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

package/dist/types/components/icons/arrow_top.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const ArrowTopIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

package/dist/types/components/icons/cross.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const CrossIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

package/dist/types/components/icons/details.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const DetailsIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

package/dist/types/components/icons/download.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const DownloadIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

package/dist/types/components/icons/index.d.ts

@@ -0,0 +1,7 @@
+export { DetailsIcon } from './details';
+export { DownloadIcon } from './download';
+export { LinkIcon } from './link';
+export { ActionsIcon } from './actions';
+export { ArrowBottomIcon } from './arrow_bottom';
+export { ArrowTopIcon } from './arrow_top';
+export { CrossIcon } from './cross';

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

@@ -0,0 +1,12 @@
+/**
+ * @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.
+ */
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { ColorType } from '../../interface';
+export declare const LinkIcon: FunctionalComponent<{
+  color?: ColorType;
+}>;

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

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

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

@@ -5,11 +5,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export declare class Link {
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { TypographyType } from '../../interface';
+interface LinkProps {
   href: string;
-  /**
-   * Typography type.
-   */
-  type: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
-  render(): any;
+  variant?: TypographyType;
 }
+export declare const Link: FunctionalComponent<LinkProps>;
+export {};

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

@@ -5,10 +5,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TextHider {
   opened: boolean;
-  textExpand: EventEmitter;
-  textExpandHandler(): void;
   render(): any;
 }

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

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

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

@@ -5,24 +5,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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;
+/// <reference types="react" />
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { TypographyType, ColorType } from '../../interface';
+interface TypographyProps {
+  component?: keyof JSX.IntrinsicElements;
+  variant?: TypographyType;
+  color?: ColorType;
+  class?: string;
 }
+export declare const Typography: FunctionalComponent<TypographyProps>;
+export {};