@databiosphere/findable-ui 10.2.0 → 12.0.0

package/lib/providers/exploreState/payloads/entities.d.ts

@@ -14,7 +14,7 @@ export interface ApplySavedFilterPayload {
 /**
  * Paginate table payload.
  */
-export declare type PaginateTablePayload = PaginationDirectionType;
+export type PaginateTablePayload = PaginationDirectionType;
 /**
  * Patch explore response payload.
  */
@@ -34,11 +34,11 @@ export interface ProcessExploreResponsePayload {
 /**
  * Reset explore response payload.
  */
-export declare type ResetExploreResponsePayload = undefined;
+export type ResetExploreResponsePayload = undefined;
 /**
  * Update column visibility payload.
  */
-export declare type UpdateColumnVisibilityPayload = VisibilityState;
+export type UpdateColumnVisibilityPayload = VisibilityState;
 /**
  * Update entity filters payload.
  */
@@ -64,12 +64,12 @@ export interface UpdateFilterPayload {
 /**
  * Update row preview payload.
  */
-export declare type UpdateRowPreviewPayload = RowPreviewState;
+export type UpdateRowPreviewPayload = RowPreviewState;
 /**
  * Update row selection payload.
  */
-export declare type UpdateRowSelectionPayload = RowSelectionState;
+export type UpdateRowSelectionPayload = RowSelectionState;
 /**
  * Update sorting payload.
  */
-export declare type UpdateSortingPayload = ColumnSort[];
+export type UpdateSortingPayload = ColumnSort[];

package/lib/providers/exploreState.d.ts

@@ -5,7 +5,7 @@ import { RowPreviewState } from "../components/Table/features/RowPreview/entitie
 import { CategoryGroup, SiteConfig } from "../config/entities";
 import { EntityPageStateMapper, EntityStateByCategoryGroupConfigKey, ListItem } from "./exploreState/entities";
 import { ApplySavedFilterPayload, PaginateTablePayload, PatchExploreResponsePayload, ProcessExploreResponsePayload, ResetExploreResponsePayload, UpdateColumnVisibilityPayload, UpdateEntityFiltersPayload, UpdateEntityViewAccessPayload, UpdateFilterPayload, UpdateRowPreviewPayload, UpdateRowSelectionPayload, UpdateSortingPayload } from "./exploreState/payloads/entities";
-export declare type CatalogState = string | undefined;
+export type CatalogState = string | undefined;
 /**
  * Explore context.
  */
@@ -16,7 +16,7 @@ export interface ExploreContext {
 /**
  * Explore state.
  */
-export declare type ExploreState = {
+export type ExploreState = {
     catalogState: CatalogState;
     categoryGroups?: CategoryGroup[];
     categoryViews: SelectCategoryView[];
@@ -38,11 +38,11 @@ export interface ExploreStateContextProps {
     exploreDispatch: Dispatch<ExploreAction>;
     exploreState: ExploreState;
 }
-export declare type FeatureFlagState = string | undefined;
+export type FeatureFlagState = string | undefined;
 /**
  * List items.
  */
-export declare type ListItems = ListItem[] | undefined;
+export type ListItems = ListItem[] | undefined;
 /**
  * Pagination index.
  */
@@ -110,109 +110,109 @@ export declare enum ExploreActionKind {
 /**
  * Explore action.
  */
-export declare type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
+export type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
 /**
  * Apply saved filter action.
  */
-declare type ApplySavedFilterAction = {
+type ApplySavedFilterAction = {
     payload: ApplySavedFilterPayload;
     type: ExploreActionKind.ApplySavedFilter;
 };
 /**
  * Clear filters action.
  */
-declare type ClearFiltersAction = {
+type ClearFiltersAction = {
     payload: undefined;
     type: ExploreActionKind.ClearFilters;
 };
 /**
  * Paginate table action.
  */
-declare type PaginateTableAction = {
+type PaginateTableAction = {
     payload: PaginateTablePayload;
     type: ExploreActionKind.PaginateTable;
 };
 /**
  * Patch explore response action.
  */
-declare type PatchExploreResponseAction = {
+type PatchExploreResponseAction = {
     payload: PatchExploreResponsePayload;
     type: ExploreActionKind.PatchExploreResponse;
 };
 /**
  * Process explore response action.
  */
-declare type ProcessExploreResponseAction = {
+type ProcessExploreResponseAction = {
     payload: ProcessExploreResponsePayload;
     type: ExploreActionKind.ProcessExploreResponse;
 };
 /**
  * Reset explore response action.
  */
-declare type ResetExploreResponseAction = {
+type ResetExploreResponseAction = {
     payload: ResetExploreResponsePayload;
     type: ExploreActionKind.ResetExploreResponse;
 };
 /**
  * Reset state type action.
  */
-declare type ResetStateAction = {
+type ResetStateAction = {
     payload: string;
     type: ExploreActionKind.ResetState;
 };
 /**
  * Select entity type action.
  */
-declare type SelectEntityTypeAction = {
+type SelectEntityTypeAction = {
     payload: string;
     type: ExploreActionKind.SelectEntityType;
 };
 /**
  * Update column visibility action.
  */
-declare type UpdateColumnVisibilityAction = {
+type UpdateColumnVisibilityAction = {
     payload: UpdateColumnVisibilityPayload;
     type: ExploreActionKind.UpdateColumnVisibility;
 };
 /**
  * Update entity filters action.
  */
-declare type UpdateEntityFiltersAction = {
+type UpdateEntityFiltersAction = {
     payload: UpdateEntityFiltersPayload;
     type: ExploreActionKind.UpdateEntityFilters;
 };
 /**
  * Update entity view access action.
  */
-declare type UpdateEntityViewAccessAction = {
+type UpdateEntityViewAccessAction = {
     payload: UpdateEntityViewAccessPayload;
     type: ExploreActionKind.UpdateEntityViewAccess;
 };
 /**
  * Update filter action.
  */
-declare type UpdateFilterAction = {
+type UpdateFilterAction = {
     payload: UpdateFilterPayload;
     type: ExploreActionKind.UpdateFilter;
 };
 /**
  * Update row preview action.
  */
-export declare type UpdateRowPreviewAction = {
+export type UpdateRowPreviewAction = {
     payload: UpdateRowPreviewPayload;
     type: ExploreActionKind.UpdateRowPreview;
 };
 /**
  * Update row selection action.
  */
-declare type UpdateRowSelectionAction = {
+type UpdateRowSelectionAction = {
     payload: UpdateRowSelectionPayload;
     type: ExploreActionKind.UpdateRowSelection;
 };
 /**
  * Update sorting action.
  */
-export declare type UpdateSortingAction = {
+export type UpdateSortingAction = {
     payload: UpdateSortingPayload;
     type: ExploreActionKind.UpdateSorting;
 };

package/lib/providers/fileManifestState.d.ts

@@ -22,7 +22,7 @@ export declare const DEFAULT_FILE_MANIFEST_STATE: {
 /**
  * File manifest state.
  */
-export declare type FileManifestState = {
+export type FileManifestState = {
     fileManifestFormat?: ManifestDownloadFormat;
     filesFacets: FileFacet[];
     fileSummary?: AzulSummaryResponse;
@@ -42,7 +42,7 @@ export declare type FileManifestState = {
 /**
  * Model of file manifest state context.
  */
-export declare type FileManifestStateContextProps = {
+export type FileManifestStateContextProps = {
     fileManifestDispatch: Dispatch<FileManifestAction>;
     fileManifestState: FileManifestState;
 };
@@ -65,53 +65,53 @@ export declare enum FileManifestActionKind {
 /**
  * File manifest action.
  */
-export declare type FileManifestAction = ClearFileManifestAction | FetchFileManifestAction | UpdateFileManifestAction | UpdateFileManifestFormatAction | UpdateFilterAction | UpdateFiltersCategoryAction;
+export type FileManifestAction = ClearFileManifestAction | FetchFileManifestAction | UpdateFileManifestAction | UpdateFileManifestFormatAction | UpdateFilterAction | UpdateFiltersCategoryAction;
 /**
  * Resets file manifest state.
  */
-declare type ClearFileManifestAction = {
+type ClearFileManifestAction = {
     payload: undefined;
     type: FileManifestActionKind.ClearFileManifest;
 };
 /**
  * Fetch file manifest action.
  */
-declare type FetchFileManifestAction = {
+type FetchFileManifestAction = {
     payload: FetchFileManifestPayload;
     type: FileManifestActionKind.FetchFileManifest;
 };
 /**
  * Update file manifest action.
  */
-declare type UpdateFileManifestAction = {
+type UpdateFileManifestAction = {
     payload: UpdateFileManifestPayload;
     type: FileManifestActionKind.UpdateFileManifest;
 };
 /**
  * Update file manifest format action.
  */
-declare type UpdateFileManifestFormatAction = {
+type UpdateFileManifestFormatAction = {
     payload: ManifestDownloadFormat | undefined;
     type: FileManifestActionKind.UpdateFileManifestFormat;
 };
 /**
  * Update filter action.
  */
-declare type UpdateFilterAction = {
+type UpdateFilterAction = {
     payload: UpdateFilterPayload;
     type: FileManifestActionKind.UpdateFilter;
 };
 /**
  * Update filters by category action.
  */
-declare type UpdateFiltersCategoryAction = {
+type UpdateFiltersCategoryAction = {
     payload: CategoryKey;
     type: FileManifestActionKind.UpdateFiltersCategory;
 };
 /**
  * Initialize file manifest payload.
  */
-declare type FetchFileManifestPayload = {
+type FetchFileManifestPayload = {
     fileManifestFormat?: ManifestDownloadFormat;
     fileSummaryFacetName?: string;
     filters: Filters;
@@ -119,7 +119,7 @@ declare type FetchFileManifestPayload = {
 /**
  * Update file manifest payload.
  */
-declare type UpdateFileManifestPayload = {
+type UpdateFileManifestPayload = {
     filesFacets: FileFacet[];
     fileSummary?: AzulSummaryResponse;
     isFacetsLoading: boolean;
@@ -132,7 +132,7 @@ declare type UpdateFileManifestPayload = {
 /**
  * Update filter payload.
  */
-export declare type UpdateFilterPayload = {
+export type UpdateFilterPayload = {
     categoryKey: CategoryKey;
     selected: boolean;
     selectedValue: CategoryValueKey;

package/lib/providers/layoutState.d.ts

@@ -5,13 +5,13 @@ export declare const DEFAULT_LAYOUT_STATE: {
 /**
  * Layout state.
  */
-export declare type LayoutState = {
+export type LayoutState = {
     headerHeight: number;
 };
 /**
  * Model of layout state context.
  */
-export declare type LayoutStateContextProps = {
+export type LayoutStateContextProps = {
     layoutDispatch: Dispatch<LayoutAction>;
     layoutState: LayoutState;
 };
@@ -29,11 +29,11 @@ export declare enum LayoutActionKind {
 /**
  * Layout action.
  */
-export declare type LayoutAction = UpdateHeaderHeightAction;
+export type LayoutAction = UpdateHeaderHeightAction;
 /**
  * Update header height action.
  */
-declare type UpdateHeaderHeightAction = {
+type UpdateHeaderHeightAction = {
     payload?: number;
     type: LayoutActionKind.UpdateHeaderHeight;
 };

package/lib/theme/common/breakpoints.d.ts

@@ -22,8 +22,8 @@ export declare const tablet = BREAKPOINTS.TABLET;
 /**
  * Breakpoints queries
  */
-export declare const desktopUp: string;
-export declare const desktopSmUp: string;
-export declare const mobileUp: string;
-export declare const tabletUp: string;
+export declare const desktopUp = "@media (min-width: 1440px)";
+export declare const desktopSmUp = "@media (min-width: 1280px)";
+export declare const mobileUp = "@media (min-width: 0px)";
+export declare const tabletUp = "@media (min-width: 768px)";
 export {};

package/lib/theme/common/components.js

@@ -90,7 +90,7 @@ export const MuiAlert = (theme) => {
             root: {
                 ...theme.typography[TEXT_BODY_400_2_LINES],
                 borderRadius: 8,
-                boxShadow: theme.shadows[1],
+                boxShadow: theme.shadows[1], // elevation01
                 color: theme.palette.ink.main,
             },
             standard: {
@@ -583,7 +583,7 @@ export const MuiChip = (theme) => {
                 props: { variant: "filterTag" },
                 style: {
                     ...theme.typography[TEXT_BODY_SMALL_500],
-                    cursor: "pointer",
+                    cursor: "pointer", // "pointer" cursor required to restore "clickable" ui
                     gap: 2,
                     height: 24,
                     justifySelf: FLEX_START,
@@ -976,7 +976,7 @@ export const MuiInputBase = (theme) => {
             },
             root: {
                 ...theme.typography[TEXT_BODY_400],
-                fontSize: 16,
+                fontSize: 16, // overrides default 14px to prevent IOS zoom on focus.
                 height: 40,
                 letterSpacing: "normal",
                 // eslint-disable-next-line sort-keys -- disabling key order for readability
@@ -1178,7 +1178,7 @@ export const MuiPaper = (theme) => {
                     borderRadius: 0,
                     borderStyle: "solid",
                     borderWidth: "0 0 1px 0",
-                    boxShadow: theme.shadows[1],
+                    boxShadow: theme.shadows[1], // elevation01,
                     // eslint-disable-next-line sort-keys -- disabling key order for readability
                     "&.MuiDialog-paper": {
                         marginLeft: 0,
@@ -1189,7 +1189,7 @@ export const MuiPaper = (theme) => {
                 },
             },
             {
-                props: { variant: "table" },
+                props: { variant: "table" }, // Copy of "panel" variant.
                 style: {
                     borderColor: theme.palette.smoke.main,
                     borderStyle: "solid",
@@ -1525,8 +1525,8 @@ export const MuiToggleButtonGroup = (theme) => {
     return {
         styleOverrides: {
             grouped: {
-                border: "none !important",
-                borderRadius: "4px !important",
+                border: "none !important", // Overrides "grouped" css selector specificity.
+                borderRadius: "4px !important", // Overrides "grouped" css selector specificity.
                 margin: "0 !important", // Overrides "grouped" css selector specificity.
             },
             root: {
@@ -1582,7 +1582,7 @@ export const MuiTooltip = (theme) => {
             tooltip: {
                 ...theme.typography[TEXT_BODY_SMALL_400],
                 backgroundColor: theme.palette.ink.main,
-                boxShadow: theme.shadows[2],
+                boxShadow: theme.shadows[2], // elevation02
                 boxSizing: "content-box",
                 padding: "8px 12px",
             },

package/lib/theme/common/palette.d.ts

@@ -1,137 +1,44 @@
 import { PaletteColorOptions } from "@mui/material";
 import { CommonColors, TypeBackground, TypeText } from "@mui/material/styles";
-/**
- * Palette "Alert"
- */
-declare enum ALERT {
-    LIGHT = "#FED3D1",
-    LIGHTEST = "#FFF4F4",
-    MAIN = "#B42318"
-}
-/**
- * Palette "Background"
- */
-declare enum BACKGROUND {
-    DEFAULT = "#F6F6F7"
-}
-/**
- * Palette "Info"
- */
-declare enum INFO {
-    CONTRAST_TEXT = "#00729C",
-    LIGHT = "#97D6EA",
-    LIGHTEST = "#F2FAFC",
-    MAIN = "#00729C"
-}
-/**
- * Palette "Ink"
- */
-declare enum INK {
-    LIGHT = "#637381",
-    MAIN = "#212B36"
-}
-/**
- * Palette "Primary"
- */
-declare enum PRIMARY {
-    DARK = "#005EA9",
-    LIGHTEST = "#E6EFF6",
-    MAIN = "#1C7CC7"
-}
-/**
- * Palette "Smoke"
- */
-declare enum SMOKE {
-    DARK = "#C4CDD5",
-    LIGHT = "#F6F6F7",
-    LIGHTEST = "#FAFBFB",
-    MAIN = "#E1E3E5"
-}
-/**
- * Palette "Success"
- */
-declare enum SUCCESS {
-    LIGHT = "#AEE9D1",
-    LIGHTEST = "#F1F8F5",
-    MAIN = "#287555"
-}
-/**
- * Palette "Text"
- */
-declare enum TEXT {
-    PRIMARY = "#212B36"
-}
-/**
- * Palette "Warning"
- */
-declare enum WARNING {
-    CONTRAST_TEXT = "#B54708",
-    LIGHT = "#FFD79D",
-    LIGHTEST = "#FFFAEB",
-    MAIN = "#B54708"
-}
-/**
- * Default "Black"
- */
-declare enum BLACK {
-    DEFAULT = "#000000"
-}
-/**
- * Default "White"
- */
-declare enum WHITE {
-    DEFAULT = "#ffffff"
-}
-/**
- * Color alpha
- */
-declare enum ALPHA {
-    A04 = "0a",
-    A08 = "14",
-    A32 = "52",
-    A60 = "99",
-    A64 = "a3",
-    A80 = "cc"
-}
 /**
  * Color constants
  */
-export declare const alertLight = ALERT.LIGHT;
-export declare const alertLightest = ALERT.LIGHTEST;
-export declare const alertMain = ALERT.MAIN;
-export declare const backgroundDefault = BACKGROUND.DEFAULT;
-export declare const infoContrastText = INFO.CONTRAST_TEXT;
-export declare const infoLight = INFO.LIGHT;
-export declare const infoLightest = INFO.LIGHTEST;
-export declare const infoMain = INFO.CONTRAST_TEXT;
-export declare const inkLight = INK.LIGHT;
-export declare const inkMain = INK.MAIN;
-export declare const primaryDark = PRIMARY.DARK;
-export declare const primaryLightest = PRIMARY.LIGHTEST;
-export declare const primaryMain = PRIMARY.MAIN;
-export declare const smokeDark = SMOKE.DARK;
-export declare const smokeLight = SMOKE.LIGHT;
-export declare const smokeLightest = SMOKE.LIGHTEST;
-export declare const smokeMain = SMOKE.MAIN;
-export declare const successLight = SUCCESS.LIGHT;
-export declare const successLightest = SUCCESS.LIGHTEST;
-export declare const successMain = SUCCESS.MAIN;
-export declare const textPrimary = TEXT.PRIMARY;
-export declare const warningContrastText = WARNING.CONTRAST_TEXT;
-export declare const warningLight = WARNING.LIGHT;
-export declare const warningLightest = WARNING.LIGHTEST;
-export declare const warningMain = WARNING.CONTRAST_TEXT;
-export declare const black = BLACK.DEFAULT;
-export declare const white = WHITE.DEFAULT;
+export declare const alertLight: string;
+export declare const alertLightest: string;
+export declare const alertMain: string;
+export declare const backgroundDefault: string;
+export declare const infoContrastText: string;
+export declare const infoLight: string;
+export declare const infoLightest: string;
+export declare const infoMain: string;
+export declare const inkLight: string;
+export declare const inkMain: string;
+export declare const primaryDark: string;
+export declare const primaryLightest: string;
+export declare const primaryMain: string;
+export declare const smokeDark: string;
+export declare const smokeLight: string;
+export declare const smokeLightest: string;
+export declare const smokeMain: string;
+export declare const successLight: string;
+export declare const successLightest: string;
+export declare const successMain: string;
+export declare const textPrimary: string;
+export declare const warningContrastText: string;
+export declare const warningLight: string;
+export declare const warningLightest: string;
+export declare const warningMain: string;
+export declare const black: string;
+export declare const white: string;
 /**
  * Color alpha constants
  */
-export declare const alpha04 = ALPHA.A04;
-export declare const alpha08 = ALPHA.A08;
-export declare const alpha32 = ALPHA.A32;
-export declare const alpha60 = ALPHA.A60;
-export declare const alpha64 = ALPHA.A64;
-export declare const alpha80 = ALPHA.A80;
+export declare const alpha04: string;
+export declare const alpha08: string;
+export declare const alpha32: string;
+export declare const alpha60: string;
+export declare const alpha64: string;
+export declare const alpha80: string;
 /**
  * Shades
  */
@@ -177,4 +84,3 @@ export declare const text: Pick<TypeText, "primary">;
  * Palette Option "Warning"
  */
 export declare const warning: PaletteColorOptions;
-export {};