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,25 +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: |
-          corepack enable
-          yarn set version stable
-          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

@@ -35,7 +35,7 @@ jobs:
         continue-on-error: false
         run: |
           corepack enable
-          yarn install
+          yarn install --immutable
 
       - name: Check if build is correct
         continue-on-error: false

.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,13 +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",
@@ -23,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/Accordion/Accordion.types.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from "react";
-import { CSSObject } from "styled-components";
-export interface AccordionProps {
-  expanded: boolean;
-  onTitleClick: () => void;
-  id: string;
-  title: ReactNode;
-  children: ReactNode;
-  disabled?: boolean;
-  sx?: CSSObject;
-}
-export interface AccordionMainProps {
-  sx?: CSSObject;
-}
-export interface AccordionContentProps {
-  expanded: boolean;
-}

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

@@ -1,6 +0,0 @@
-import React, { FC } from "react";
-import { ActionLinkProps } from "./ActionLink.types";
-declare const ActionLink: FC<
-  ActionLinkProps & React.ButtonHTMLAttributes<HTMLButtonElement>
->;
-export default ActionLink;

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

@@ -1,9 +0,0 @@
-import { CSSObject } from "styled-components";
-export interface CommonActionLinkProps {
-  isLoading?: boolean;
-  label?: any;
-}
-export interface BaseActionLinkProps {
-  sx?: CSSObject;
-}
-export type ActionLinkProps = CommonActionLinkProps & BaseActionLinkProps;

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,27 +0,0 @@
-import React from "react";
-export interface ApplicationLogoProps {
-  applicationName:
-    | "console"
-    | "operator"
-    | "directpv"
-    | "kes"
-    | "subnet"
-    | "subnetops"
-    | "cloud"
-    | "releases"
-    | "vmbroker"
-    | "eureka"
-    | "kms"
-    | "loadbalancer"
-    | "index"
-    | "cache"
-    | "monitor"
-    | "observe"
-    | "missioncontrol"
-    | "globalconsole"
-    | "minio"
-    | "enterprise";
-  subVariant?: "simple" | "AGPL" | "standard" | "enterprise" | "new";
-  inverse?: boolean;
-  onClick?: React.MouseEventHandler<any> | undefined;
-}

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/Autocomplete/Autocomplete.types.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { CSSObject } from "styled-components";
-import { SelectorType } from "../../global/global.types";
-import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
-export interface AutocompleteProps {
-  options: SelectorType[];
-  value?: string;
-  id: string;
-  name?: string;
-  required?: boolean;
-  className?: string;
-  disabled?: boolean;
-  displayDropArrow?: boolean;
-  label?: string;
-  tooltip?: string;
-  noLabelMinWidth?: boolean;
-  placeholder?: string;
-  onChange: (newValue: string, extraValue?: any) => void;
-  sx?: CSSObject;
-  helpTip?: React.ReactNode;
-  helpTipPlacement?: CommonHelpTipPlacement;
-}

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/Badge/Badge.d.ts

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

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

@@ -1,16 +0,0 @@
-import { CSSObject } from "styled-components";
-export interface BadgeMain {
-  invisible?: boolean;
-  max?: number;
-  showZero?: boolean;
-  badgeContent?: number;
-}
-export interface BadgeConstruct {
-  horizontalPosition?: "left" | "right";
-  verticalPosition?: "bottom" | "top";
-  sx?: CSSObject;
-  color?: "default" | "secondary" | "warn" | "alert" | "ok" | "grey";
-  shape?: "circular" | "rectangular";
-  dotOnly?: boolean;
-}
-export type BadgeProps = BadgeMain & BadgeConstruct;

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,11 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { CSSObject } from "styled-components";
-import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
-export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
-  label?: string;
-  tooltip?: string;
-  overrideLabelClasses?: string;
-  sx?: CSSObject;
-  helpTip?: React.ReactNode;
-  helpTipPlacement?: CommonHelpTipPlacement;
-}

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

@@ -1,21 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
-export interface CodeEditorProps {
-  value: string;
-  label?: string;
-  mode?: string;
-  tooltip?: string;
-  editorHeight?: string | number;
-  onChange: (value: string) => any;
-  className?: string;
-  helpTools?: React.ReactNode;
-  sx?: CSSObject;
-  helpTip?: React.ReactNode;
-  helpTipPlacement?: CommonHelpTipPlacement;
-}
-export interface CodeEditorBaseProps {
-  editorHeight: string | number;
-  sx?: CSSObject;
-  className?: string;
-}

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

@@ -1,28 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
-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;
-  helpTip?: React.ReactNode;
-  helpTipPlacement?: CommonHelpTipPlacement;
-}
-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,108 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { CSSObject } from "styled-components";
-export declare const actionsTypes: readonly [
-  "view",
-  "edit",
-  "delete",
-  "description",
-  "share",
-  "cloud",
-  "console",
-  "download",
-  "disable",
-  "format",
-  "preview",
-];
-export type PredefinedActionTypes = (typeof actionsTypes)[number];
-export interface ItemActions {
-  tooltip?: string;
-  type: PredefinedActionTypes | React.ReactNode;
-  sendOnlyId?: boolean;
-  isDisabled?: boolean | ((itemValue: any) => boolean);
-  showLoader?: boolean | ((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;
-  rowHeight?: number;
-}
-export interface DataTableWrapperProps extends HTMLAttributes<HTMLDivElement> {
-  disabled?: boolean;
-  customPaperHeight?: string | number;
-  noBackground?: boolean;
-  sx?: CSSObject;
-  rowHeight: number;
-}
-export interface IActionButton {
-  tooltip?: string;
-  type: PredefinedActionTypes | 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,18 +0,0 @@
-import { FC } from "react";
-import { IActionButton } from "./DataTable.types";
-export declare const isPredefinedAction: (
-  val: any,
-) => val is
-  | "view"
-  | "console"
-  | "cloud"
-  | "format"
-  | "edit"
-  | "delete"
-  | "description"
-  | "share"
-  | "download"
-  | "disable"
-  | "preview";
-declare const TableActionButton: FC<IActionButton>;
-export default TableActionButton;

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

@@ -1,57 +0,0 @@
-import React from "react";
-import { DateTime } from "luxon";
-import { CSSObject } from "styled-components";
-import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
-export interface DateTimeInputMain {
-  pickerStartComponent?: React.ReactNode;
-  className?: string;
-  label?: string;
-  required?: boolean;
-  tooltip?: string;
-  disabled?: boolean;
-  openPickerIcon?: "arrow" | React.ReactNode;
-  displayFormat?: string;
-  helpTip?: React.ReactNode;
-  helpTipPlacement?: CommonHelpTipPlacement;
-  noLabelMinWidth?: boolean;
-  pickerSx?: CSSObject;
-}
-export interface DateTimeConstruct {
-  id: string;
-  sx?: CSSObject;
-  mode?: "all" | "date";
-  value: DateTime | null;
-  onChange: (value: DateTime | null) => void;
-  minDate?: DateTime;
-  maxDate?: DateTime;
-  usePortal?: boolean;
-}
-export interface DateTimeSelectorMain {
-  open?: boolean;
-  anchorEl?: (EventTarget & HTMLElement) | null;
-  onClose?: () => void;
-}
-export interface TimeSelectorProps {
-  value: DateTime | null;
-  onChange: (value: DateTime | null) => void;
-  completeCallback?: () => void;
-  timeFormat?: "12h" | "24h";
-  secondsSelector: boolean;
-}
-export interface DateSelectorProps {
-  minDate?: DateTime;
-  maxDate?: DateTime;
-  value: DateTime | null;
-  onChange: (value: DateTime | null) => void;
-}
-export interface StylesOverrideProps {
-  isPortal: boolean;
-  mode: "all" | "date";
-  sx?: CSSObject;
-}
-export type DateTimeInputProps = DateTimeInputMain &
-  DateTimeConstruct &
-  TimeSelectorProps;
-export type DateTimeSelectorProps = DateTimeSelectorMain &
-  DateTimeConstruct &
-  TimeSelectorProps;

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

@@ -1,17 +0,0 @@
-import { SelectorType } from "../../global/global.types";
-import { CSSObject } from "styled-components";
-export interface DropdownSelectorProps {
-  id: string;
-  options: SelectorType[];
-  selectedOption?: string;
-  onSelect: (value: string, extraValue?: any, label?: string) => void;
-  hideTriggerAction: () => void;
-  open: boolean;
-  anchorEl?: (EventTarget & HTMLElement) | null;
-  anchorOrigin?: "start" | "end";
-  useAnchorWidth?: boolean;
-}
-export interface DropDownBlockProps {
-  useAnchorWidth: boolean;
-  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/FileSelector/FileSelector.types.d.ts

@@ -1,32 +0,0 @@
-import React from "react";
-import { CSSObject } from "styled-components";
-import { CommonHelpTipPlacement } from "../HelpTip/HelpTip.types";
-export interface FileSelectorProps {
-  label: string;
-  onChange: (
-    event: React.ChangeEvent<HTMLInputElement>,
-    fileName: string,
-    data?: string,
-  ) => void;
-  returnEncodedData?: boolean;
-  id: string;
-  name: string;
-  disabled?: boolean;
-  tooltip?: string;
-  required?: boolean;
-  error?: string;
-  accept?: string;
-  value: string;
-  className?: string;
-  noLabelMinWidth?: boolean;
-  sx?: CSSObject;
-  helpTip?: React.ReactNode;
-  helpTipPlacement?: CommonHelpTipPlacement;
-}
-export interface FileSelectorConstructorProps {
-  children?: React.ReactNode;
-  sx?: CSSObject;
-  error?: boolean;
-  startIcon?: React.ReactNode;
-  className?: string;
-}

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/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/AttachFileIcon.d.ts

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

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/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/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;