@procore/saved-views 1.0.0

package/dist/legacy/index.d.mts

@@ -0,0 +1,170 @@
+import { Locale, MapLocalesToTranslations } from '@procore/globalization-toolkit';
+import * as React from 'react';
+import React__default from 'react';
+import { DataTableConfig, TableApi, ColumnDefinition } from '@procore/data-table';
+import { ColumnState, FilterModel, GridApi } from 'ag-grid-community';
+import * as styled_components from 'styled-components';
+
+declare function getTranslations(envLocale: Locale): Partial<MapLocalesToTranslations>;
+
+declare const useSavedViewsPanel: (domain: string, tableName: string) => {
+    isOpen: boolean;
+    SavedViewsButton: () => React__default.JSX.Element;
+};
+
+interface IQueryInputProps {
+    domain: string;
+    tableName: string;
+    projectId: number;
+    companyId: number;
+}
+
+interface ISmartGridConfig {
+    columnState: ColumnState[];
+    columnGroupState: {
+        groupId: string;
+        open: boolean;
+    }[];
+    rowGroupState: string[];
+    rowHeight: number | undefined;
+    filterState: FilterModel;
+}
+
+declare const VIEW_LEVELS: readonly ["company", "project", "personal"];
+type ViewLevel = (typeof VIEW_LEVELS)[number];
+
+interface ISavedView {
+    id: string;
+    share_token: string;
+    name: string;
+    description?: string;
+    table_config?: DataTableConfig | ISmartGridConfig;
+    view_level: ViewLevel | 'default' | 'temporary';
+}
+
+interface IDefaultViewConfig<ProviderConfig = DataTableConfig | ISmartGridConfig> {
+    id: string;
+    name: string;
+    table_config: ProviderConfig;
+    view_level: 'default';
+}
+interface IDataTableDefaultViewConfig extends IDefaultViewConfig<DataTableConfig> {
+}
+interface ISmartGridDefaultViewConfig extends IDefaultViewConfig<ISmartGridConfig> {
+}
+
+type TableProvider = 'smart-grid' | 'data-table';
+
+interface IBaseSavedViewsProps {
+    tableName: string;
+    domain: string;
+    userId: number;
+    projectId: number;
+    companyId: number;
+    stickyViewsKey: string;
+}
+interface ISavedViewsProps extends Omit<IBaseSavedViewsProps, 'stickyViewsKey'> {
+    defaultView: ISavedView;
+    presetViews: ISavedView[];
+    onSelect: ({ item }: {
+        item: ISavedView;
+    }) => ISavedView;
+    tableConfig: ISmartGridConfig | DataTableConfig;
+    provider: TableProvider;
+}
+
+interface IDataTableSavedViewsExternalConsumerProps extends IBaseSavedViewsProps {
+    tableApi: TableApi;
+    defaultViews: IDataTableDefaultViewConfig[];
+    columnDefinitions: ColumnDefinition[];
+}
+
+interface ISmartGridSavedViewsExternalConsumerProps extends IBaseSavedViewsProps {
+    gridApi: GridApi;
+    defaultViews: ISmartGridDefaultViewConfig[];
+}
+
+interface IPermissions {
+    can_create_project_saved_views: boolean;
+    can_create_company_saved_views: boolean;
+}
+
+declare enum ModalType {
+    CREATE = "create",
+    UPDATE = "update",
+    DELETE = "delete",
+    SHARED_VIEW = "sharedView"
+}
+
+interface IPanelContentProps {
+    openModal: (type: ModalType) => void;
+    onDelete: () => void;
+    onSelect: (data: {
+        item: ISavedView;
+    }) => void;
+    queryInput: IQueryInputProps;
+    selectedSavedView: ISavedView | undefined;
+    tableConfig: DataTableConfig | ISmartGridConfig;
+    provider: TableProvider;
+    defaultView: ISavedView;
+    presetViews: ISavedView[];
+    userId: number;
+    savedViews?: ISavedView[];
+    onClearTemporary?: () => void;
+}
+
+type SavedViewCollectionMenuItemProps = {
+    item: ISavedView;
+    key?: string;
+    selected: boolean;
+    canUpdate?: boolean;
+    canEditOrDelete?: boolean;
+    onUpdate?: (data: ISavedView) => void;
+    onDelete?: (data: {
+        savedView: ISavedView;
+    }) => void;
+    onEdit?: (data: {
+        savedView: ISavedView;
+    }) => void;
+    isUpdateProcessing?: boolean;
+    permissions?: IPermissions;
+    onClearTemporary?: () => void;
+};
+declare const SavedViewCollectionMenuItem: (props: SavedViewCollectionMenuItemProps) => React.JSX.Element;
+
+declare const ExpandedPanel: styled_components.StyledComponent<any, any, any, any>;
+
+declare const PanelContent: (props: IPanelContentProps) => React__default.JSX.Element;
+
+declare const SavedViews: (props: ISavedViewsProps) => React__default.JSX.Element;
+
+type Props = {
+    onDelete(): void;
+    onCancel(): void;
+    open: boolean;
+};
+declare const SavedViewsDeleteConfirmationModalShared: React__default.FC<Props>;
+
+type FormModalProps = {
+    open: boolean;
+    mode: ModalType;
+    isLoading?: boolean;
+    onCancel(): void;
+    queryInput: IQueryInputProps;
+    tableConfig: DataTableConfig | ISmartGridConfig;
+    tableName: string;
+    selectedSavedView: ISavedView | undefined;
+    onSelect: (item: ISavedView) => void;
+    setOpenEditCreateModal: (open: boolean) => void;
+    defaultView: ISavedView;
+};
+declare const FormModal: React__default.FC<FormModalProps>;
+
+declare const SmartGridSavedViews: (props: ISmartGridSavedViewsExternalConsumerProps) => React__default.JSX.Element;
+
+interface IDataTableSavedViewsRef {
+    setTableConfig: (config: DataTableConfig) => void;
+}
+declare const DataTableSavedViews: React__default.ForwardRefExoticComponent<IDataTableSavedViewsExternalConsumerProps & React__default.RefAttributes<IDataTableSavedViewsRef>>;
+
+export { DataTableSavedViews, ExpandedPanel, FormModal, type IDataTableDefaultViewConfig, type IDataTableSavedViewsRef, type ISmartGridDefaultViewConfig, PanelContent, SavedViewCollectionMenuItem, SavedViews, SavedViewsDeleteConfirmationModalShared, SmartGridSavedViews, getTranslations, useSavedViewsPanel };

package/dist/legacy/index.d.ts

@@ -0,0 +1,170 @@
+import { Locale, MapLocalesToTranslations } from '@procore/globalization-toolkit';
+import * as React from 'react';
+import React__default from 'react';
+import { DataTableConfig, TableApi, ColumnDefinition } from '@procore/data-table';
+import { ColumnState, FilterModel, GridApi } from 'ag-grid-community';
+import * as styled_components from 'styled-components';
+
+declare function getTranslations(envLocale: Locale): Partial<MapLocalesToTranslations>;
+
+declare const useSavedViewsPanel: (domain: string, tableName: string) => {
+    isOpen: boolean;
+    SavedViewsButton: () => React__default.JSX.Element;
+};
+
+interface IQueryInputProps {
+    domain: string;
+    tableName: string;
+    projectId: number;
+    companyId: number;
+}
+
+interface ISmartGridConfig {
+    columnState: ColumnState[];
+    columnGroupState: {
+        groupId: string;
+        open: boolean;
+    }[];
+    rowGroupState: string[];
+    rowHeight: number | undefined;
+    filterState: FilterModel;
+}
+
+declare const VIEW_LEVELS: readonly ["company", "project", "personal"];
+type ViewLevel = (typeof VIEW_LEVELS)[number];
+
+interface ISavedView {
+    id: string;
+    share_token: string;
+    name: string;
+    description?: string;
+    table_config?: DataTableConfig | ISmartGridConfig;
+    view_level: ViewLevel | 'default' | 'temporary';
+}
+
+interface IDefaultViewConfig<ProviderConfig = DataTableConfig | ISmartGridConfig> {
+    id: string;
+    name: string;
+    table_config: ProviderConfig;
+    view_level: 'default';
+}
+interface IDataTableDefaultViewConfig extends IDefaultViewConfig<DataTableConfig> {
+}
+interface ISmartGridDefaultViewConfig extends IDefaultViewConfig<ISmartGridConfig> {
+}
+
+type TableProvider = 'smart-grid' | 'data-table';
+
+interface IBaseSavedViewsProps {
+    tableName: string;
+    domain: string;
+    userId: number;
+    projectId: number;
+    companyId: number;
+    stickyViewsKey: string;
+}
+interface ISavedViewsProps extends Omit<IBaseSavedViewsProps, 'stickyViewsKey'> {
+    defaultView: ISavedView;
+    presetViews: ISavedView[];
+    onSelect: ({ item }: {
+        item: ISavedView;
+    }) => ISavedView;
+    tableConfig: ISmartGridConfig | DataTableConfig;
+    provider: TableProvider;
+}
+
+interface IDataTableSavedViewsExternalConsumerProps extends IBaseSavedViewsProps {
+    tableApi: TableApi;
+    defaultViews: IDataTableDefaultViewConfig[];
+    columnDefinitions: ColumnDefinition[];
+}
+
+interface ISmartGridSavedViewsExternalConsumerProps extends IBaseSavedViewsProps {
+    gridApi: GridApi;
+    defaultViews: ISmartGridDefaultViewConfig[];
+}
+
+interface IPermissions {
+    can_create_project_saved_views: boolean;
+    can_create_company_saved_views: boolean;
+}
+
+declare enum ModalType {
+    CREATE = "create",
+    UPDATE = "update",
+    DELETE = "delete",
+    SHARED_VIEW = "sharedView"
+}
+
+interface IPanelContentProps {
+    openModal: (type: ModalType) => void;
+    onDelete: () => void;
+    onSelect: (data: {
+        item: ISavedView;
+    }) => void;
+    queryInput: IQueryInputProps;
+    selectedSavedView: ISavedView | undefined;
+    tableConfig: DataTableConfig | ISmartGridConfig;
+    provider: TableProvider;
+    defaultView: ISavedView;
+    presetViews: ISavedView[];
+    userId: number;
+    savedViews?: ISavedView[];
+    onClearTemporary?: () => void;
+}
+
+type SavedViewCollectionMenuItemProps = {
+    item: ISavedView;
+    key?: string;
+    selected: boolean;
+    canUpdate?: boolean;
+    canEditOrDelete?: boolean;
+    onUpdate?: (data: ISavedView) => void;
+    onDelete?: (data: {
+        savedView: ISavedView;
+    }) => void;
+    onEdit?: (data: {
+        savedView: ISavedView;
+    }) => void;
+    isUpdateProcessing?: boolean;
+    permissions?: IPermissions;
+    onClearTemporary?: () => void;
+};
+declare const SavedViewCollectionMenuItem: (props: SavedViewCollectionMenuItemProps) => React.JSX.Element;
+
+declare const ExpandedPanel: styled_components.StyledComponent<any, any, any, any>;
+
+declare const PanelContent: (props: IPanelContentProps) => React__default.JSX.Element;
+
+declare const SavedViews: (props: ISavedViewsProps) => React__default.JSX.Element;
+
+type Props = {
+    onDelete(): void;
+    onCancel(): void;
+    open: boolean;
+};
+declare const SavedViewsDeleteConfirmationModalShared: React__default.FC<Props>;
+
+type FormModalProps = {
+    open: boolean;
+    mode: ModalType;
+    isLoading?: boolean;
+    onCancel(): void;
+    queryInput: IQueryInputProps;
+    tableConfig: DataTableConfig | ISmartGridConfig;
+    tableName: string;
+    selectedSavedView: ISavedView | undefined;
+    onSelect: (item: ISavedView) => void;
+    setOpenEditCreateModal: (open: boolean) => void;
+    defaultView: ISavedView;
+};
+declare const FormModal: React__default.FC<FormModalProps>;
+
+declare const SmartGridSavedViews: (props: ISmartGridSavedViewsExternalConsumerProps) => React__default.JSX.Element;
+
+interface IDataTableSavedViewsRef {
+    setTableConfig: (config: DataTableConfig) => void;
+}
+declare const DataTableSavedViews: React__default.ForwardRefExoticComponent<IDataTableSavedViewsExternalConsumerProps & React__default.RefAttributes<IDataTableSavedViewsRef>>;
+
+export { DataTableSavedViews, ExpandedPanel, FormModal, type IDataTableDefaultViewConfig, type IDataTableSavedViewsRef, type ISmartGridDefaultViewConfig, PanelContent, SavedViewCollectionMenuItem, SavedViews, SavedViewsDeleteConfirmationModalShared, SmartGridSavedViews, getTranslations, useSavedViewsPanel };