Simplify and harden IColumn<T> type

Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>

.github/workflows/deployer.yml

@@ -1,4 +1,4 @@
-name: Workflow
+name: Build Container
 
 on:
   release:
@@ -23,23 +23,25 @@ jobs:
       - name: Read .nvmrc
         id: node_version
         run: echo "$(cat .nvmrc)" && echo "NVMRC=$(cat .nvmrc)" >> $GITHUB_ENV
-
-      - uses: actions/setup-node@v3
+      - name: Enable Corepack
+        run: corepack enable
+      - uses: actions/setup-node@v4
         with:
           node-version: ${{ env.NVMRC }}
           cache: "yarn"
           cache-dependency-path: yarn.lock
 
-      - name: Install Dependencies
-        continue-on-error: false
-        run: |
-          yarn install --frozen-lockfile --immutable
-
-      - name: Log in to private Docker registry
-        run: echo "${{ secrets.REGISTRY_PASSWORD }}" | docker login ${{ secrets.REGISTRY_URL }} -u ${{ secrets.REGISTRY_USERNAME }} --password-stdin
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ secrets.REGISTRY_URL }}
+          username: ${{ secrets.REGISTRY_USERNAME }}
+          password: ${{ secrets.REGISTRY_PASSWORD }}
 
       - name: Build Storybook
         run: |
+          yarn install --immutable
+          yarn build
           yarn build-storybook 
           docker buildx build --platform linux/amd64 --push -t registry.min.dev/minio/mds .
           echo "${{ secrets.MDS_DEPLOYER_KUBECONFIG }}" > /tmp/kubecconfig

.github/workflows/jobs.yml

@@ -30,12 +30,12 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NVMRC }}
-          cache: "yarn"
-          cache-dependency-path: yarn.lock
+
       - name: Install Dependencies
         continue-on-error: false
         run: |
-          yarn install --frozen-lockfile --immutable
+          corepack enable
+          yarn install --immutable
 
       - name: Check if build is correct
         continue-on-error: false
@@ -46,33 +46,3 @@ jobs:
         continue-on-error: false
         run: |
           ./check-prettier.sh
-
-  run-components-tests:
-    name: "Components validation tests"
-    needs:
-      - review-warnings-and-build
-    runs-on: ${{ matrix.os }}
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-    steps:
-      - name: Check out Code
-        uses: actions/checkout@v3
-
-      - name: Read .nvmrc
-        id: node_version
-        run: echo "$(cat .nvmrc)" && echo "NVMRC=$(cat .nvmrc)" >> $GITHUB_ENV
-
-      - uses: actions/setup-node@v3
-        with:
-          node-version: ${{ env.NVMRC }}
-          cache: "yarn"
-          cache-dependency-path: yarn.lock
-
-      - name: Install Dependencies
-        continue-on-error: false
-        run: |
-          yarn install --frozen-lockfile --immutable
-
-      - name: Run Jest Tests
-        run: yarn test

.gitignore

@@ -12,3 +12,11 @@ node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierrc.json

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

.storybook/main.js

@@ -1,10 +1,12 @@
 import remarkGfm from "remark-gfm";
 
 module.exports = {
-  stories: [
-    "../src/**/**/*.stories.mdx",
-    "../src/**/**/*.stories.@(js|jsx|ts|tsx)",
-  ],
+  stories: ["../src/**/**/*.mdx", "../src/**/**/*.stories.@(js|jsx|ts|tsx)"],
+
+  core: {
+    disableTelemetry: true,
+  },
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
@@ -20,12 +22,18 @@ module.exports = {
         },
       },
     },
+    "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook",
   ],
+
   framework: {
     name: "@storybook/react-webpack5",
     options: {},
   },
-  docs: {
-    autodocs: true,
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
   },
 };

.storybook/preview.js

@@ -2,7 +2,7 @@ import { themes } from "@storybook/theming";
 import { darkColors, lightColors } from "../src/global/themes";
 
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
+  actions: {},
   controls: {
     matchers: {
       color: /(background|color)$/i,
@@ -38,3 +38,4 @@ export const parameters = {
     },
   },
 };
+export const tags = ["autodocs"];

.yarnrc.yml

@@ -0,0 +1,3 @@
+checksumBehavior: reset
+
+nodeLinker: node-modules

Dockerfile

@@ -1,4 +1,4 @@
-FROM nginx:1.23
+FROM nginx:1
 
 COPY nginx.conf /etc/nginx/nginx.conf
 COPY docs /usr/share/nginx/html

check-prettier.sh

@@ -1,4 +1,3 @@
 #!/bin/bash
 
-yarn install
-yarn prettier --check ./src
+yarn dlx prettier --check ./src

dist/assets/fonts/Geist/LICENSE.TXT

@@ -0,0 +1,92 @@
+Geist Sans and Geist Mono Font
+(C) 2023 Vercel, made in collaboration with basement.studio
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is available with a FAQ at: http://scripts.sil.org/OFL and copied below
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

dist/cjs/types/components/ActionsList/ActionsList.types.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface ActionItem {
-  action: () => void;
-  label: string;
-  disabled: boolean;
-  icon: React.ReactNode;
-  tooltip: string;
-}
-export interface ActionsListProps {
-  sx?: CSSObject;
-  items: ActionItem[];
-  title: React.ReactNode;
-}
-export interface ActionsListPanelProps {
-  sx?: CSSObject;
-}
-export interface ActionButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  label: string;
-  icon: React.ReactNode;
-}

dist/cjs/types/components/ApplicationLogo/ApplicationLogo.types.d.ts

@@ -1,15 +0,0 @@
-export interface ApplicationLogoProps {
-  applicationName:
-    | "console"
-    | "operator"
-    | "directpv"
-    | "kes"
-    | "subnet"
-    | "subnetops"
-    | "cloud"
-    | "releases"
-    | "vmbroker"
-    | "eureka";
-  subVariant?: "simple" | "AGPL" | "standard" | "enterprise";
-  inverse?: boolean;
-}

dist/cjs/types/components/ApplicationLogo/Logos/LogoBase/LogoBase.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { LogoBaseProps } from "./LogoBase.types";
-declare const LogoBase: import("styled-components").StyledComponent<
-  "svg",
-  any,
-  React.SVGProps<any> & LogoBaseProps,
-  never
->;
-export default LogoBase;

dist/cjs/types/components/BackLink/BackLink.types.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { CSSProperties } from "styled-components";
-export interface BackLinkProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  sx?: CSSProperties;
-  label?: string;
-}

dist/cjs/types/components/Box/Box.d.ts

@@ -1,4 +0,0 @@
-import { FC, HTMLAttributes } from "react";
-import { BoxProps } from "./Box.types";
-declare const Box: FC<HTMLAttributes<HTMLDivElement> & BoxProps>;
-export default Box;

dist/cjs/types/components/Box/Box.types.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface BoxProps {
-  sx?: CSSObject;
-  children?: React.ReactNode;
-  withBorders?: boolean;
-  customBorderPadding?: number | string;
-  useBackground?: boolean;
-}

dist/cjs/types/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface BreadcrumbsProps {
-  sx?: CSSObject;
-  children: React.ReactNode;
-  additionalOptions?: React.ReactNode;
-  goBackFunction: () => void;
-}
-export interface BreadcrumbsContainerProps {
-  sx?: CSSObject;
-}

dist/cjs/types/components/Button/Button.types.d.ts

@@ -1,19 +0,0 @@
-import { MouseEventHandler, ReactNode } from "react";
-import { CSSObject } from "styled-components";
-export interface ButtonProps {
-  id: string;
-  name?: string;
-  label?: string;
-  variant?: "regular" | "callAction" | "secondary" | "text" | "subAction";
-  icon?: ReactNode;
-  iconLocation?: "start" | "end";
-  fullWidth?: boolean;
-  disabled?: boolean;
-  collapseOnSmall?: boolean;
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-  children?: ReactNode | string;
-  sx?: CSSObject;
-}
-export interface ConstructProps {
-  parentChildren: ReactNode | string | undefined;
-}

dist/cjs/types/components/Checkbox/Checkbox.types.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from "react";
-import { CSSObject } from "styled-components";
-export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
-  label?: string;
-  tooltip?: string;
-  overrideLabelClasses?: string;
-  sx?: CSSObject;
-}

dist/cjs/types/components/CommentBox/CommentBox.types.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface CommentBoxProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-  id: string;
-  fullWidth?: boolean;
-  label?: string;
-  tooltip?: string;
-  sx?: CSSObject;
-  index?: number;
-  noLabelMinWidth?: boolean;
-  required?: boolean;
-  className?: string;
-  error?: string;
-}
-export interface CommentContainerProps {
-  children?: React.ReactNode;
-  sx?: CSSObject;
-  error?: boolean;
-  startIcon?: React.ReactNode;
-  className?: string;
-}
-export interface ExtraCommentProps {
-  originType?: string;
-}

dist/cjs/types/components/DataTable/ColumnsSelector.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ColumnSelectorProps } from "./DataTable.types";
-declare const ColumnsSelector: FC<ColumnSelectorProps>;
-export default ColumnsSelector;

dist/cjs/types/components/DataTable/DataTable.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { DataTableProps } from "./DataTable.types";
-declare const DataTable: FC<DataTableProps>;
-export default DataTable;

dist/cjs/types/components/DataTable/DataTable.types.d.ts

@@ -1,92 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { CSSObject } from "styled-components";
-export interface ItemActions {
-  label?: string;
-  type: string | any;
-  sendOnlyId?: boolean;
-  disableButtonFunction?: (itemValue: any) => boolean;
-  showLoaderFunction?: (itemValue: any) => boolean;
-  onClick?(valueToSend: any): any;
-}
-export interface IColumns {
-  label: string;
-  elementKey?: string;
-  renderFunction?: (input: any) => any;
-  renderFullObject?: boolean;
-  globalClass?: any;
-  rowClass?: any;
-  width?: number;
-  headerTextAlign?: string;
-  contentTextAlign?: string;
-  enableSort?: boolean;
-}
-export interface IInfiniteScrollConfig {
-  loadMoreRecords: (indexElements: {
-    startIndex: number;
-    stopIndex: number;
-  }) => Promise<any>;
-  recordsCount: number;
-}
-export interface ISortConfig {
-  triggerSort: (val: any) => any;
-  currentSort: string;
-  currentDirection: "ASC" | "DESC" | undefined;
-}
-export interface DataTableProps {
-  itemActions?: ItemActions[] | null;
-  columns: IColumns[];
-  onSelect?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  idField?: string;
-  isLoading?: boolean;
-  loadingMessage?: React.ReactNode;
-  records: any[];
-  entityName?: string;
-  selectedItems?: string[];
-  customEmptyMessage?: string;
-  customPaperHeight?: string;
-  noBackground?: boolean;
-  columnsSelector?: boolean;
-  textSelectable?: boolean;
-  columnsShown?: string[];
-  onColumnChange?: (column: string) => any;
-  autoScrollToBottom?: boolean;
-  infiniteScrollConfig?: IInfiniteScrollConfig;
-  sortConfig?: ISortConfig;
-  disabled?: boolean;
-  onSelectAll?: () => void;
-  rowStyle?: ({
-    index,
-  }: {
-    index: number;
-  }) => "deleted" | "" | React.CSSProperties;
-  parentClassName?: string;
-  sx?: CSSObject;
-}
-export interface DataTableWrapperProps extends HTMLAttributes<HTMLDivElement> {
-  disabled?: boolean;
-  customPaperHeight?: string | number;
-  noBackground?: boolean;
-  sx?: CSSObject;
-}
-export interface IActionButton {
-  label?: string;
-  type: string | React.ReactNode;
-  onClick?: (id: string) => any;
-  valueToSend: any;
-  selected: boolean;
-  sendOnlyId?: boolean;
-  idField: string;
-  disabled: boolean;
-}
-export interface ColumnSelectorProps {
-  open: boolean;
-  closeTriggerAction: () => void;
-  onSelect: (column: string) => void;
-  columns: IColumns[];
-  selectedOptionIDs: string[];
-  sx?: CSSObject;
-  anchorEl?: (EventTarget & HTMLElement) | null;
-}
-export interface ColumnSelectorConstructProps {
-  sx?: CSSObject;
-}

dist/cjs/types/components/DataTable/DataTable.utils.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-import { IColumns, ItemActions } from "./DataTable.types";
-export declare const selectWidth = 45;
-export declare const generateColumnsMap: (
-  columns: IColumns[],
-  containerWidth: number,
-  actionsWidth: number,
-  hasSelect: boolean,
-  hasActions: boolean,
-  selectedItems: string[],
-  idField: string,
-  columnsSelector: boolean,
-  columnsShown: string[],
-  sortColumn: string,
-  sortDirection: "ASC" | "DESC" | undefined
-) => (React.JSX.Element | null)[];
-export declare const elementActions: (
-  actions: ItemActions[],
-  valueToSend: any,
-  selected: boolean,
-  idField: string
-) => (React.JSX.Element | null)[];
-export declare const calculateOptionsSize: (
-  containerWidth: number,
-  totalOptions: number
-) => number;

dist/cjs/types/components/DataTable/TableActionButton.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { IActionButton } from "./DataTable.types";
-declare const TableActionButton: FC<IActionButton>;
-export default TableActionButton;

dist/cjs/types/components/DropdownSelector/DropdownSelector.types.d.ts

@@ -1,13 +0,0 @@
-import { SelectorType } from "../../global/global.types";
-import { CSSObject } from "styled-components";
-export interface DropdownSelectorProps {
-  options: SelectorType[];
-  selectedOption?: string;
-  onSelect: (value: string) => void;
-  hideTriggerAction: () => void;
-  open: boolean;
-  anchorEl?: (EventTarget & HTMLElement) | null;
-}
-export interface DropDownBlockProps {
-  sx: CSSObject;
-}

dist/cjs/types/components/ExpandOptionsButton/ExpandOptionsButton.types.d.ts

@@ -1,9 +0,0 @@
-import { CSSObject } from "styled-components";
-export interface ExpandOptionsButtonProps {
-  label: string;
-  open: boolean;
-  sx?: CSSObject;
-}
-export interface ConstructExpandOptionsProps {
-  sx?: CSSObject;
-}

dist/cjs/types/components/FormLayout/FormLayout.types.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface FormLayoutProps {
-  sx?: CSSObject;
-  children?: React.ReactNode;
-  title?: string;
-  icon?: React.ReactNode;
-  helpBox?: React.ReactNode;
-  withBorders?: boolean;
-  containerPadding?: boolean;
-}

dist/cjs/types/components/GlobalStyles/GlobalStyles.d.ts

@@ -1,5 +0,0 @@
-declare const GlobalStyles: import("styled-components").GlobalStyleComponent<
-  {},
-  import("styled-components").DefaultTheme
->;
-export default GlobalStyles;

dist/cjs/types/components/Grid/Grid.types.d.ts

@@ -1,35 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { CSSObject } from "styled-components";
-interface GridCommonProps extends HTMLAttributes<HTMLDivElement> {
-  children?: ReactNode;
-  sx?: CSSObject;
-}
-type ConditionalProps =
-  | {
-      container?: boolean;
-      item?: never;
-      wrap?: "nowrap" | "wrap-reverse" | "wrap";
-      direction?: "column-reverse" | "column" | "row-reverse" | "row";
-      columnSpacing?: number;
-      rowSpacing?: number;
-      xs?: never;
-      sm?: never;
-      md?: never;
-      lg?: never;
-      xl?: never;
-    }
-  | {
-      container?: never;
-      item?: boolean;
-      wrap?: never;
-      direction?: never;
-      columnSpacing?: never;
-      rowSpacing?: never;
-      xs?: "auto" | "hidden" | number | boolean;
-      sm?: "auto" | "hidden" | number | boolean;
-      md?: "auto" | "hidden" | number | boolean;
-      lg?: "auto" | "hidden" | number | boolean;
-      xl?: "auto" | "hidden" | number | boolean;
-    };
-export type GridProps = GridCommonProps & ConditionalProps;
-export {};

dist/cjs/types/components/HelpBox/HelpBox.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { HelpBoxProps } from "./HelpBox.types";
-declare const HelpBox: FC<HelpBoxProps>;
-export default HelpBox;

dist/cjs/types/components/HelpBox/HelpBox.types.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface HelpBoxProps {
-  iconComponent?: any;
-  title: string | React.ReactNode;
-  help: any;
-}

dist/cjs/types/components/IconButton/IconButton.types.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-export interface IconBase {
-  label?: string;
-  size?: "small" | "medium" | "large" | string;
-  sx?: CSSObject;
-  children: React.ReactNode;
-}
-export type IconButtonProps = IconBase &
-  React.ButtonHTMLAttributes<HTMLButtonElement>;

dist/cjs/types/components/Icons/AGPLV3DarkLogo.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AGPLV3DarkLogo: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AGPLV3DarkLogo;

dist/cjs/types/components/Icons/AGPLV3LightLogo.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AGPLV3LightLogo: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AGPLV3LightLogo;

dist/cjs/types/components/Icons/AGPLV3Logo.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AGPLV3Logo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default AGPLV3Logo;

dist/cjs/types/components/Icons/AccessRuleIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AccessRuleIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AccessRuleIcon;

dist/cjs/types/components/Icons/AccountIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AccountIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AccountIcon;

dist/cjs/types/components/Icons/AddAccessRuleIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AddAccessRuleIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AddAccessRuleIcon;

dist/cjs/types/components/Icons/AddFolderIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AddFolderIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AddFolderIcon;

dist/cjs/types/components/Icons/AddIcon.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AddIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default AddIcon;

dist/cjs/types/components/Icons/AddMembersToGroupIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AddMembersToGroupIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AddMembersToGroupIcon;

dist/cjs/types/components/Icons/AddNewTagIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AddNewTagIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AddNewTagIcon;

dist/cjs/types/components/Icons/AlertCloseIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AlertCloseIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AlertCloseIcon;

dist/cjs/types/components/Icons/AlertIcon.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AlertIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default AlertIcon;

dist/cjs/types/components/Icons/AllBucketsIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AllBucketsIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AllBucketsIcon;

dist/cjs/types/components/Icons/ArrowDropDown.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ArrowDropUp: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ArrowDropUp;

dist/cjs/types/components/Icons/ArrowDropUp.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ArrowDropUp: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ArrowDropUp;

dist/cjs/types/components/Icons/ArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React, { SVGProps } from "react";
-declare const ArrowIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default ArrowIcon;

dist/cjs/types/components/Icons/ArrowRightIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ArrowRightIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ArrowRightIcon;

dist/cjs/types/components/Icons/ArrowRightLink.d.ts

@@ -1,5 +0,0 @@
-import React, { SVGProps } from "react";
-declare const ArrowRightLink: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ArrowRightLink;

dist/cjs/types/components/Icons/AudioIcon.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const AudioIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default AudioIcon;

dist/cjs/types/components/Icons/AudioIconMute.d.ts

@@ -1,5 +0,0 @@
-import React, { SVGProps } from "react";
-declare const AudioIconMute: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AudioIconMute;

dist/cjs/types/components/Icons/AzureTierIcon.d.ts

@@ -1,5 +0,0 @@
-import React, { SVGProps } from "react";
-declare const AzureTierIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AzureTierIcon;

dist/cjs/types/components/Icons/AzureTierIconXs.d.ts

@@ -1,5 +0,0 @@
-import React, { SVGProps } from "react";
-declare const AzureTierIconXs: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default AzureTierIconXs;

dist/cjs/types/components/Icons/BackCaretIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BackCaretIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BackCaretIcon;

dist/cjs/types/components/Icons/BackIcon.d.ts

@@ -1,3 +0,0 @@
-import React, { SVGProps } from "react";
-declare const BackIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default BackIcon;

dist/cjs/types/components/Icons/BackSettingsIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BackSettingsIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BackSettingsIcon;

dist/cjs/types/components/Icons/BoxArrowDown.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BoxArrowDown: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BoxArrowDown;

dist/cjs/types/components/Icons/BoxArrowUp.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BoxArrowUp: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default BoxArrowUp;

dist/cjs/types/components/Icons/BucketEncryptionIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BucketEncryptionIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BucketEncryptionIcon;

dist/cjs/types/components/Icons/BucketQuotaIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BucketQuotaIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BucketQuotaIcon;

dist/cjs/types/components/Icons/BucketReplicationIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BucketReplicationIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BucketReplicationIcon;

dist/cjs/types/components/Icons/BucketsIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const BucketsIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default BucketsIcon;

dist/cjs/types/components/Icons/CalendarIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CalendarIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CalendarIcon;

dist/cjs/types/components/Icons/CallHomeFeatureIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CallHomeFeatureIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CallHomeFeatureIcon;

dist/cjs/types/components/Icons/CancelledAudioIcon.d.ts

@@ -1,5 +0,0 @@
-import React, { SVGProps } from "react";
-declare const CancelledAudioIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CancelledAudioIcon;

dist/cjs/types/components/Icons/CancelledIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CancelledIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CancelledIcon;

dist/cjs/types/components/Icons/CertificateIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CertificateIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CertificateIcon;

dist/cjs/types/components/Icons/ChangeAccessPolicyIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ChangeAccessPolicyIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ChangeAccessPolicyIcon;

dist/cjs/types/components/Icons/ChangePasswordIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ChangePasswordIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ChangePasswordIcon;

dist/cjs/types/components/Icons/ChatIcon.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ChatIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-export default ChatIcon;

dist/cjs/types/components/Icons/ClosePanelIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ClosePanelIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ClosePanelIcon;

dist/cjs/types/components/Icons/ClustersIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ClustersIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ClustersIcon;

dist/cjs/types/components/Icons/CollapseCaret.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CollapseCaret: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CollapseCaret;

dist/cjs/types/components/Icons/CollapseIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CollapseIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CollapseIcon;

dist/cjs/types/components/Icons/CollapseMenuIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const CollapseMenuIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default CollapseMenuIcon;

dist/cjs/types/components/Icons/ComputerLineIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { SVGProps } from "react";
-declare const ComputerLineIcon: (
-  props: SVGProps<SVGSVGElement>
-) => React.JSX.Element;
-export default ComputerLineIcon;