@devtron-labs/devtron-fe-common-lib 0.0.59-beta-11 → 0.0.59

package/src/Common/SortableTableHeaderCell/types.ts

@@ -1,26 +0,0 @@
-import { SortingOrder } from '../Constants'
-
-export interface SortableTableHeaderCellProps {
-    /**
-     * If true, the cell is sorted
-     */
-    isSorted: boolean
-    /**
-     * Callback for handling the sorting of the cell
-     */
-    triggerSorting: () => void
-    /**
-     * Current sort order
-     *
-     * Note: On click, the sort order should be updated as required
-     */
-    sortOrder: SortingOrder
-    /**
-     * Label for the cell
-     */
-    title: string
-    /**
-     * If true, the cell is disabled
-     */
-    disabled: boolean
-}

package/src/Pages/GlobalConfigurations/Authorization/constants.ts

@@ -1,16 +0,0 @@
-/**
- * User Status received from the API
- */
-export enum UserStatusDto {
-    active = 'active',
-    inactive = 'inactive',
-}
-
-/**
- * User status for the frontend
- */
-export enum UserStatus {
-    active = 'active',
-    inactive = 'inactive',
-    temporary = 'temporary',
-}

package/src/Pages/GlobalConfigurations/Authorization/index.ts

@@ -1 +0,0 @@
-export * from './constants'

package/src/Pages/GlobalConfigurations/index.ts

@@ -1 +0,0 @@
-export * from './Authorization'

package/src/Pages/index.ts

@@ -1 +0,0 @@
-export * from './GlobalConfigurations'

package/src/Shared/Components/BulkSelection/BulkSelection.tsx

@@ -1,81 +0,0 @@
-import BulkSelectionDropdownItems from './BulkSelectionDropdownItems'
-import { CHECKBOX_VALUE, Checkbox, PopupMenu, noop } from '../../../Common'
-import { BulkSelectionDropdownItemsType, BulkSelectionEvents, BulkSelectionProps } from './types'
-import { BULK_DROPDOWN_TEST_ID, BulkSelectionOptionsLabels } from './constants'
-import { ReactComponent as ICChevronDown } from '../../../Assets/Icon/ic-chevron-down.svg'
-import { ReactComponent as ICCheckSquare } from '../../../Assets/Icon/ic-check-square.svg'
-import { ReactComponent as ICCheckAll } from '../../../Assets/Icon/ic-check-all.svg'
-import { ReactComponent as ICClose } from '../../../Assets/Icon/ic-close.svg'
-
-const BulkSelection = <T,>({
-    checkboxValue,
-    isChecked,
-    selectedIdentifiers,
-    handleBulkSelection,
-    showPagination,
-}: BulkSelectionProps<T>) => {
-    const areOptionsSelected = Object.keys(selectedIdentifiers).length > 0
-    const BulkSelectionItems: BulkSelectionDropdownItemsType[] = [
-        {
-            locator: BulkSelectionEvents.SELECT_ALL_ON_PAGE,
-            label: BulkSelectionOptionsLabels[BulkSelectionEvents.SELECT_ALL_ON_PAGE],
-            isSelected: isChecked && checkboxValue === CHECKBOX_VALUE.CHECKED,
-            icon: ICCheckSquare,
-        },
-        ...(showPagination
-            ? [
-                  {
-                      locator: BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES,
-                      label: BulkSelectionOptionsLabels[BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES],
-                      isSelected: isChecked && checkboxValue === CHECKBOX_VALUE.BULK_CHECKED,
-                      icon: ICCheckAll,
-                  },
-              ]
-            : []),
-        ...(areOptionsSelected
-            ? [
-                  {
-                      locator: BulkSelectionEvents.CLEAR_ALL_SELECTIONS,
-                      label: BulkSelectionOptionsLabels[BulkSelectionEvents.CLEAR_ALL_SELECTIONS],
-                      isSelected: false,
-                      icon: ICClose,
-                  },
-              ]
-            : []),
-    ]
-
-    return (
-        <PopupMenu autoClose>
-            <PopupMenu.Button
-                isKebab
-                rootClassName="h-20 flexbox p-0 dc__no-background dc__no-border dc__outline-none-imp"
-                dataTestId={BULK_DROPDOWN_TEST_ID}
-            >
-                <Checkbox
-                    isChecked={isChecked}
-                    onChange={noop}
-                    rootClassName="icon-dim-20"
-                    value={checkboxValue}
-                    // Ideally should be disabled but was giving issue with cursor
-                />
-
-                <ICChevronDown className="icon-dim-20 icon-n6" />
-            </PopupMenu.Button>
-
-            <PopupMenu.Body rootClassName="dc__top-22 w-150 dc__right-0 pt-4 pb-4 pl-0 pr-0 bcn-0 flex column dc__content-start dc__align-start dc__position-abs bcn-0 dc__border dc__border-radius-4-imp">
-                {BulkSelectionItems.map((item) => (
-                    <BulkSelectionDropdownItems<T>
-                        key={item.locator}
-                        locator={item.locator}
-                        label={item.label}
-                        isSelected={item.isSelected}
-                        icon={item.icon}
-                        handleBulkSelection={handleBulkSelection}
-                    />
-                ))}
-            </PopupMenu.Body>
-        </PopupMenu>
-    )
-}
-
-export default BulkSelection

package/src/Shared/Components/BulkSelection/BulkSelectionDropdownItems.tsx

@@ -1,31 +0,0 @@
-import { BulkSelectionDropdownItemsProps } from './types'
-
-const BulkSelectionDropdownItems = <T,>({
-    locator,
-    label,
-    isSelected,
-    handleBulkSelection,
-    icon: Icon,
-}: BulkSelectionDropdownItemsProps<T>) => {
-    const handleSelect = () => {
-        handleBulkSelection({
-            action: locator,
-        })
-    }
-
-    return (
-        <button
-            data-testid={`bulk-action-${locator}`}
-            onClick={handleSelect}
-            className={`dc__no-border dc__outline-none-imp w-100 flexbox h-32 dc__align-items-center pt-6 pr-8 pb-6 pl-8 dc__gap-8 ${
-                isSelected ? 'cb-5 bcb-2 fs-13 fw-6 lh-20' : 'dc__no-background cn-9 fs-13 fw-4 lh-20 dc__hover-n50'
-            }`}
-            type="button"
-        >
-            <Icon className="icon-dim-16" />
-            {label}
-        </button>
-    )
-}
-
-export default BulkSelectionDropdownItems

package/src/Shared/Components/BulkSelection/UseBulkSelection.tsx

@@ -1,99 +0,0 @@
-import { useState } from 'react'
-import { SELECT_ALL_ACROSS_PAGES_LOCATOR, getInvalidActionMessage } from './constants'
-import {
-    BulkSelectionEvents,
-    HandleBulkSelectionType,
-    SelectAllDialogStatus,
-    UseBulkSelectionProps,
-    UseBulkSelectionReturnType,
-} from './types'
-
-const useBulkSelection = <T,>({
-    identifiers,
-    getSelectAllDialogStatus,
-}: UseBulkSelectionProps<T>): UseBulkSelectionReturnType<T> => {
-    const [selectedIdentifiers, setSelectedIdentifiers] = useState<T>({} as T)
-
-    const setIdentifiersAfterClear = (newIdentifiers: T, selectedIds: (number | string)[]) => {
-        const _newIdentifiers = JSON.parse(JSON.stringify(newIdentifiers))
-        selectedIds.forEach((id) => {
-            delete _newIdentifiers[id]
-        })
-        setSelectedIdentifiers(_newIdentifiers)
-    }
-
-    const setIdentifiersAfterPageSelection = (baseObject: T) => {
-        const _selectedIdentifiers = JSON.parse(JSON.stringify(selectedIdentifiers))
-        // removing bulk selection across pages if present
-        if (_selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
-            delete _selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]
-        }
-
-        setSelectedIdentifiers({
-            ..._selectedIdentifiers,
-            ...baseObject,
-        })
-    }
-
-    const handleBulkSelection = ({ action, data }: HandleBulkSelectionType<T>) => {
-        const selectedIds = data?.identifierIds ?? []
-        const identifierObject = data?.identifierObject ?? {}
-
-        switch (action) {
-            case BulkSelectionEvents.CLEAR_ALL_SELECTIONS:
-                setSelectedIdentifiers({} as T)
-                break
-
-            case BulkSelectionEvents.CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION: {
-                setIdentifiersAfterClear(identifiers, selectedIds)
-                break
-            }
-
-            case BulkSelectionEvents.CLEAR_IDENTIFIERS: {
-                setIdentifiersAfterClear(selectedIdentifiers, selectedIds)
-                break
-            }
-
-            case BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES: {
-                if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
-                    return
-                }
-                const selectedIdentifiersLength = Object.keys(selectedIdentifiers).length
-                if (selectedIdentifiersLength > 0 && getSelectAllDialogStatus() === SelectAllDialogStatus.OPEN) {
-                    return
-                }
-
-                setSelectedIdentifiers({
-                    [SELECT_ALL_ACROSS_PAGES_LOCATOR]: true,
-                } as unknown as T)
-                break
-            }
-
-            case BulkSelectionEvents.CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES:
-                setSelectedIdentifiers({
-                    [SELECT_ALL_ACROSS_PAGES_LOCATOR]: true,
-                } as unknown as T)
-                break
-
-            case BulkSelectionEvents.SELECT_ALL_ON_PAGE: {
-                setIdentifiersAfterPageSelection(identifiers)
-                break
-            }
-
-            case BulkSelectionEvents.SELECT_IDENTIFIER: {
-                setIdentifiersAfterPageSelection(identifierObject as T)
-                break
-            }
-
-            default:
-                throw new Error(getInvalidActionMessage(action))
-        }
-    }
-
-    return {
-        handleBulkSelection,
-        selectedIdentifiers,
-    }
-}
-
-export default useBulkSelection

package/src/Shared/Components/BulkSelection/constants.tsx

@@ -1,12 +0,0 @@
-import { BulkSelectionEvents } from './types'
-
-export const BULK_DROPDOWN_TEST_ID = 'bulk-selection-pop-up-menu' as const
-export const BulkSelectionOptionsLabels = {
-    [BulkSelectionEvents.SELECT_ALL_ON_PAGE]: 'All on this page',
-    [BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES]: 'All across pages',
-    [BulkSelectionEvents.CLEAR_ALL_SELECTIONS]: 'Clear selection',
-} as const
-
-// Considering application can not be named as *
-export const SELECT_ALL_ACROSS_PAGES_LOCATOR = '*' as const
-export const getInvalidActionMessage = (action: string) => `Invalid action ${action} passed to useBulkSelection`

package/src/Shared/Components/BulkSelection/index.ts

@@ -1,4 +0,0 @@
-export { default as BulkSelection } from './BulkSelection'
-export { default as useBulkSelection } from './UseBulkSelection'
-export * from './types'
-export * from './constants'

package/src/Shared/Components/BulkSelection/types.tsx

@@ -1,61 +0,0 @@
-import { CHECKBOX_VALUE } from '../../../Common'
-
-export enum BulkSelectionEvents {
-    CLEAR_ALL_SELECTIONS = 'CLEAR_ALL_SELECTIONS',
-    CLEAR_IDENTIFIERS = 'CLEAR_IDENTIFIERS',
-    SELECT_ALL_ACROSS_PAGES = 'SELECT_ALL_ACROSS_PAGES',
-    SELECT_ALL_ON_PAGE = 'SELECT_ALL_ON_PAGE',
-    SELECT_IDENTIFIER = 'SELECT_IDENTIFIER',
-    CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION = 'CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION',
-    CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES = 'CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES',
-}
-
-export interface HandleBulkSelectionType<T> {
-    action: BulkSelectionEvents
-    data?: {
-        identifierIds?: (number | string)[]
-        identifierObject?: T
-    }
-}
-
-export interface UseBulkSelectionReturnType<T> {
-    selectedIdentifiers: T
-    handleBulkSelection: ({ action, data }: HandleBulkSelectionType<T>) => void
-}
-
-export interface BulkSelectionProps<T> extends UseBulkSelectionReturnType<T> {
-    checkboxValue: CHECKBOX_VALUE
-    isChecked: boolean
-    showPagination: boolean
-}
-
-export interface BulkSelectionDropdownItemsType {
-    locator: BulkSelectionEvents
-    label: string
-    isSelected: boolean
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>
-}
-
-export interface BulkSelectionDropdownItemsProps<T>
-    extends BulkSelectionDropdownItemsType,
-        Pick<BulkSelectionProps<T>, 'handleBulkSelection'> {}
-
-export enum SelectAllDialogStatus {
-    OPEN = 'OPEN',
-    CLOSED = 'CLOSED',
-}
-
-// This type is intended to be used with UseBulkSelectionProps, e.g, UseBulkSelectionProps<BulkSelectionIdentifiersType<boolean>>
-export type BulkSelectionIdentifiersType<T> = Record<string | number, T>
-
-export interface UseBulkSelectionProps<T> {
-    /**
-     * Response from API, assuming structure to be array of objects with key and values
-     * This will the given ids on current page
-     */
-    identifiers: T
-    /**
-     * Act as buffer between select all across pages and select all on page state
-     */
-    getSelectAllDialogStatus: () => SelectAllDialogStatus
-}

package/src/Shared/Components/index.ts

@@ -1 +0,0 @@
-export * from './BulkSelection'

package/src/Shared/index.ts

@@ -1 +0,0 @@
-export * from './Components'