@rhc-shared-components/packages-table 0.1.0

package/dist/check-317f30b2.js

@@ -0,0 +1,4 @@
+var css_248z = ".pf-c-check {\n  --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n  --pf-c-check__label--Color: var(--pf-global--Color--100);\n  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n  --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n  --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n  --pf-c-check__description--Color: var(--pf-global--Color--200);\n  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: var(--pf-c-check--GridGap);\n  align-items: start;\n  justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n  --pf-c-check--GridGap: 0;\n  --pf-c-check__input--Height: auto;\n  --pf-c-check__input--MarginTop: 0;\n  display: inline-grid;\n  line-height: 1;\n}\n\n.pf-c-check__label {\n  font-size: var(--pf-c-check__label--FontSize);\n  font-weight: var(--pf-c-check__label--FontWeight);\n  line-height: var(--pf-c-check__label--LineHeight);\n  color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n  height: var(--pf-c-check__input--Height);\n  margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n  grid-column: 2;\n  font-size: var(--pf-c-check__description--FontSize);\n  color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n  grid-column: 2;\n  margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n  cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n  --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n  cursor: not-allowed;\n}";
+var stylesheet=".pf-c-check {\n  --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n  --pf-c-check__label--Color: var(--pf-global--Color--100);\n  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n  --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n  --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n  --pf-c-check__description--Color: var(--pf-global--Color--200);\n  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: var(--pf-c-check--GridGap);\n  align-items: start;\n  justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n  --pf-c-check--GridGap: 0;\n  --pf-c-check__input--Height: auto;\n  --pf-c-check__input--MarginTop: 0;\n  display: inline-grid;\n  line-height: 1;\n}\n\n.pf-c-check__label {\n  font-size: var(--pf-c-check__label--FontSize);\n  font-weight: var(--pf-c-check__label--FontWeight);\n  line-height: var(--pf-c-check__label--LineHeight);\n  color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n  height: var(--pf-c-check__input--Height);\n  margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n  grid-column: 2;\n  font-size: var(--pf-c-check__description--FontSize);\n  color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n  grid-column: 2;\n  margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n  cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n  --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n  cursor: not-allowed;\n}";
+
+export { css_248z as default, stylesheet };

package/dist/check-ee7cdde5.js

@@ -0,0 +1,5 @@
+var css_248z = ".pf-c-check {\n  --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n  --pf-c-check__label--Color: var(--pf-global--Color--100);\n  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n  --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n  --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n  --pf-c-check__description--Color: var(--pf-global--Color--200);\n  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: var(--pf-c-check--GridGap);\n  align-items: start;\n  justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n  --pf-c-check--GridGap: 0;\n  --pf-c-check__input--Height: auto;\n  --pf-c-check__input--MarginTop: 0;\n  display: inline-grid;\n  line-height: 1;\n}\n\n.pf-c-check__label {\n  font-size: var(--pf-c-check__label--FontSize);\n  font-weight: var(--pf-c-check__label--FontWeight);\n  line-height: var(--pf-c-check__label--LineHeight);\n  color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n  height: var(--pf-c-check__input--Height);\n  margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n  grid-column: 2;\n  font-size: var(--pf-c-check__description--FontSize);\n  color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n  grid-column: 2;\n  margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n  cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n  --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n  cursor: not-allowed;\n}";
+var stylesheet=".pf-c-check {\n  --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n  --pf-c-check__label--Color: var(--pf-global--Color--100);\n  --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n  --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n  --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n  --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n  --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n  --pf-c-check__description--Color: var(--pf-global--Color--200);\n  --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: var(--pf-c-check--GridGap);\n  align-items: start;\n  justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n  --pf-c-check--GridGap: 0;\n  --pf-c-check__input--Height: auto;\n  --pf-c-check__input--MarginTop: 0;\n  display: inline-grid;\n  line-height: 1;\n}\n\n.pf-c-check__label {\n  font-size: var(--pf-c-check__label--FontSize);\n  font-weight: var(--pf-c-check__label--FontWeight);\n  line-height: var(--pf-c-check__label--LineHeight);\n  color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n  height: var(--pf-c-check__input--Height);\n  margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n  grid-column: 2;\n  font-size: var(--pf-c-check__description--FontSize);\n  color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n  grid-column: 2;\n  margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n  cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n  --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n  cursor: not-allowed;\n}";
+
+exports["default"] = css_248z;
+exports.stylesheet = stylesheet;

package/dist/components/ExcludedPackagesTable.d.ts

@@ -0,0 +1,6 @@
+interface ExcludedPackagesTableProps {
+    excludedPackages: any[];
+    isLoading: boolean;
+}
+export declare const ExcludedPackagesTable: ({ excludedPackages, isLoading }: ExcludedPackagesTableProps) => JSX.Element;
+export {};

package/dist/components/FilterInput.d.ts

@@ -0,0 +1,6 @@
+interface FilterInputProps {
+    onChange?: (text: any, event: any) => void;
+    placeholder?: string;
+}
+export declare const FilterInput: ({ onChange: onChangeHandler, placeholder }: FilterInputProps) => JSX.Element;
+export {};

package/dist/components/FilterableTable.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactElement } from 'react';
+import { PerPageOptions } from '@patternfly/react-core';
+interface TableColumn {
+    title: string;
+    sortField?: string;
+    sortFn?: any;
+}
+interface IFilterableTableProps<T> {
+    tableName: string;
+    columns: TableColumn[];
+    items: T[];
+    isLoading: boolean;
+    renderRow: (item: T) => (React.ReactNode | string)[];
+    filters?: ReactElement[];
+    actions?: ReactElement[];
+    perPageOptions?: PerPageOptions[];
+}
+export declare function FilterableTable<T>({ columns, items, isLoading, renderRow, filters, actions, perPageOptions }: IFilterableTableProps<T>): JSX.Element;
+export {};

package/dist/components/Select.d.ts

@@ -0,0 +1,9 @@
+interface IEcoSelectProps {
+    ['aria-label']: string;
+    variant: 'single' | 'checkbox';
+    placeholderText: string;
+    options: string[];
+    onChange?: (selected: any, event: any) => void;
+}
+export default function EcoSelect({ variant, placeholderText, options, onChange, 'aria-label': ariaLabel }: IEcoSelectProps): JSX.Element;
+export {};

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,10 @@
+interface IEcoSelectProps {
+    ['aria-label']: string;
+    options: {
+        id: string;
+        text: string;
+    }[];
+    onChange?: (selected: any, event: any) => void;
+}
+export declare const ToggleGroup: (props: IEcoSelectProps) => JSX.Element;
+export {};

package/dist/components/VulnerabilitiesTable.d.ts

@@ -0,0 +1,6 @@
+interface VulnerabilitiesTableProps {
+    vulnerabilities: any[];
+    isLoading: boolean;
+}
+export declare const VulnerabilitiesTable: ({ vulnerabilities, isLoading }: VulnerabilitiesTableProps) => JSX.Element;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import '@patternfly/pfe-tabs';
+export declare const severitySortOrder: {
+    Critical: number;
+    Important: number;
+    Moderate: number;
+    Low: number;
+};
+interface PackagesTableProps {
+    vulnerabilities: any[];
+    rpms: any[];
+    isLoading: boolean;
+}
+export declare const PackagesTable: ({ vulnerabilities, rpms, isLoading }: PackagesTableProps) => JSX.Element;
+export {};