@veeqo/transfigure 0.0.4 → 0.0.6

package/dist/BusinessLogic/types.d.ts

@@ -18,4 +18,6 @@ export type BusinessLogicType = {
     GROUP_MAP: Map<string, FilterGroupType>;
     FILTERS_DEBOUCE_INTERVAL_MS: number;
     PAGE_SIZE_OPTIONS: number[];
+    DEFAULT_VISIBLE_COLUMNS: string[];
+    DEFAULT_HIDDEN_COLUMNS: string[];
 };

package/dist/components/TableManagement/DndContainer.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { UniqueIdentifier } from '@dnd-kit/core';
+export type Items = Record<string, UniqueIdentifier[]>;
+type DndContainerProps = {
+    items: Items;
+    children: ReactNode;
+    setItems: Dispatch<SetStateAction<Items>>;
+    renderDragOverlay?: (activeId: UniqueIdentifier) => ReactNode;
+};
+export declare const DndContainer: ({ items, setItems, children, renderDragOverlay, }: DndContainerProps) => JSX.Element;
+export {};

package/dist/components/TableManagement/TableManagement.d.ts

@@ -0,0 +1,6 @@
+import { ColumnDefinition } from '../../../node_modules/@veeqo/ui/dist/components/DataGrid/types';
+type Props = {
+    columnDefinitions: ColumnDefinition<any>[];
+};
+export declare const TableManagement: ({ columnDefinitions }: Props) => JSX.Element | null;
+export {};

package/dist/components/TableManagement/TableManagementGlyph.d.ts

@@ -0,0 +1,4 @@
+export declare const TableManagementGlyph: ({ height, width }: {
+    height?: number | undefined;
+    width?: number | undefined;
+}) => JSX.Element;

package/dist/components/TableManagement/TableManagementModal.d.ts

@@ -0,0 +1,2 @@
+import { TableManagementProps } from './types';
+export declare const TableManagementModal: ({ onClose, columnDefintions, hiddenColumns, visibleColumns }: TableManagementProps) => JSX.Element;

package/dist/components/TableManagement/components/ColumnGroup.d.ts

@@ -0,0 +1,2 @@
+import { ColumnGroupProps } from './types';
+export declare const ColumnGroup: ({ id, title, columns }: ColumnGroupProps) => JSX.Element;

package/dist/components/TableManagement/components/ColumnItem.d.ts

@@ -0,0 +1,2 @@
+import { ColumnItemProps } from './types';
+export declare const ColumnItem: ({ column, isHidden, isDragOverlay }: ColumnItemProps) => JSX.Element;

package/dist/components/TableManagement/components/DroppableArea.d.ts

@@ -0,0 +1,8 @@
+import { StackProps } from '../../../../node_modules/@veeqo/ui/dist/components/Stack/types';
+import { ReactNode } from 'react';
+type DroppableAreaProps = {
+    id: string | number;
+    children: ReactNode;
+};
+export declare const DroppableArea: ({ id, children, ...props }: DroppableAreaProps & StackProps) => JSX.Element;
+export {};

package/dist/components/TableManagement/components/SortableItem.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type SortableItemProps = {
+    id: string | number;
+    children: ReactNode;
+};
+export declare const SortableItem: ({ id, children }: SortableItemProps) => JSX.Element;
+export {};

package/dist/components/TableManagement/components/styled.d.ts

@@ -0,0 +1,28 @@
+import { DialogHTMLAttributes } from 'react';
+export declare const VerticalSeparator: import('styled-components').StyledComponent<string, any, {}, never>;
+export declare const VerticalText: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
+export declare const StickyText: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
+export declare const DetailedText: import('styled-components').StyledComponent<"span", any, {} & import('../../../../node_modules/@veeqo/ui/dist/components/Text/types').TextProps, never>;
+export declare const ColumnGroupsGrid: import('styled-components').StyledComponent<"div", any, import('../../../../node_modules/@veeqo/ui/dist/components/Grid/types').GridProps, never>;
+export declare const VisibilityOffIcon: import('styled-components').StyledComponent<({ name, size, color, className, ariaLabel, style, onClick, }: import('../../../../node_modules/@veeqo/components/dist/components/common/Glyph/Glyph').GlyphProps) => React.JSX.Element, any, {
+    name: "visibility-off";
+}, "name">;
+export declare const ColumnItemWrapper: import('styled-components').StyledComponent<"div", any, import('../../../../node_modules/@veeqo/ui/dist/components/Stack/types').StackProps & {
+    isHidden?: boolean;
+    isDragOverlay?: boolean;
+}, never>;
+export declare const DraggingOverlay: import('styled-components').StyledComponent<string, any, {}, never>;
+export declare const DroppableAreaStack: import('styled-components').StyledComponent<"div", any, import('../../../../node_modules/@veeqo/ui/dist/components/Stack/types').StackProps, never>;
+export declare const ColumnSearch: import('styled-components').StyledComponent<({ type, disabled, onClearClick, onChange, onBlur, onFocus, onKeyUp, onKeyDown, onKeyPress, value, error, placeholder, className, name, isLoading, fill, reversed, autoComplete, size, }: import('../../../../node_modules/@veeqo/ui/dist/components/Search/types').SearchProps) => React.JSX.Element, any, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<string, any, {}, never>;
+export declare const HeaderContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Required when using drag and drop functionality within the context of the modal
+ * component from @veeqo/ui.
+ *
+ * The modal component uses the HTML Dialog element which renders itself in the
+ * 'Top layer' of the DOM. To ensure DragOverlay can be used correctly in and above
+ * the component rendered in this top layer, an invisible dialog should be rendered
+ * as a parent to ensure correct stacking.
+ */
+export declare const DndDragOverlayDialog: import('styled-components').StyledComponent<string, any, DialogHTMLAttributes<HTMLDialogElement>, never>;

package/dist/components/TableManagement/components/types.d.ts

@@ -0,0 +1,11 @@
+import { BaseColumnConfig } from '../types';
+export type ColumnItemProps = {
+    column: BaseColumnConfig;
+    isHidden?: boolean;
+    isDragOverlay?: boolean;
+};
+export type ColumnGroupProps = {
+    id: string;
+    title: string;
+    columns: BaseColumnConfig[];
+};

package/dist/components/TableManagement/hooks/useCollisionDetectionStrategy/index.d.ts

@@ -0,0 +1 @@
+export { useCollisionDetectionStrategy } from './useCollisionDetectionStrategy';

package/dist/components/TableManagement/hooks/useCollisionDetectionStrategy/types.d.ts

@@ -0,0 +1,4 @@
+import { Items } from '../../types';
+export type UseCollisionDetectionStrategyArgs = {
+    items: Items;
+};

package/dist/components/TableManagement/hooks/useCollisionDetectionStrategy/useCollisionDetectionStrategy.d.ts

@@ -0,0 +1,5 @@
+import { CollisionDetection } from '@dnd-kit/core';
+import { UseCollisionDetectionStrategyArgs } from './types';
+export declare const useCollisionDetectionStrategy: ({ items }: UseCollisionDetectionStrategyArgs) => {
+    collisionDetectionStrategy: CollisionDetection;
+};

package/dist/components/TableManagement/hooks/useDragHandlers/index.d.ts

@@ -0,0 +1 @@
+export { useDragHandlers } from './useDragHandlers';

package/dist/components/TableManagement/hooks/useDragHandlers/types.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Items } from '../../types';
+export type UseDragHandlersArgs = {
+    items: Items;
+    setItems: Dispatch<SetStateAction<Items>>;
+};

package/dist/components/TableManagement/hooks/useDragHandlers/useDragHandlers.d.ts

@@ -0,0 +1,9 @@
+import { DragEndEvent, DragOverEvent, DragStartEvent, UniqueIdentifier } from '@dnd-kit/core';
+import { UseDragHandlersArgs } from './types';
+export declare const useDragHandlers: ({ items, setItems }: UseDragHandlersArgs) => {
+    activeId: UniqueIdentifier | null;
+    handleDragStart: (event: DragStartEvent) => void;
+    handleDragOver: (event: DragOverEvent) => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragCancel: () => void;
+};

package/dist/components/TableManagement/index.d.ts

@@ -0,0 +1 @@
+export { TableManagement } from './TableManagement';

package/dist/components/TableManagement/types.d.ts

@@ -0,0 +1,17 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ColumnDefinition } from '../../../node_modules/@veeqo/ui/dist/components/DataGrid/types';
+import { ColumnConfig } from '../../../node_modules/@veeqo/ui/dist/components/DataTable/types';
+export type Items = Record<string, UniqueIdentifier[]>;
+export type BaseColumnConfig = Pick<ColumnConfig, 'id' | 'iconSlot' | 'title' | 'tooltip' | 'hidden' | 'align' | 'width'> & {
+    detailed?: string;
+};
+export type TableManagementProps = {
+    onClose?: () => void;
+    hiddenColumns: string[];
+    visibleColumns: string[];
+    columnDefintions: ColumnDefinition<any>[];
+};
+export declare enum ColumnGroupIds {
+    Hidden = "hidden",
+    Visible = "visible"
+}

package/dist/components/TableManagement/utils/filterColumnsBySearch/filterColumnsBySearch.d.ts

@@ -0,0 +1,2 @@
+import { ColumnDefinition } from '../../../../../node_modules/@veeqo/ui/dist/components/DataGrid/types';
+export declare const filterColumnsBySearch: (columns: ColumnDefinition<any>[], searchQuery: string) => ColumnDefinition<any>[];

package/dist/components/TableManagement/utils/filterColumnsBySearch/index.d.ts

@@ -0,0 +1 @@
+export { filterColumnsBySearch } from './filterColumnsBySearch';

package/dist/hooks/index.d.ts

@@ -7,3 +7,4 @@ export * from './useStores';
 export * from './useViews';
 export * from './useViewUrlChange';
 export * from './useCustomViews';
+export * from './useHiddenColumns';

package/dist/hooks/useHiddenColumns/index.d.ts

@@ -0,0 +1 @@
+export { useHiddenColumns } from './useHiddenColumns';

package/dist/hooks/useHiddenColumns/useHiddenColumns.d.ts

@@ -0,0 +1,7 @@
+export declare const useHiddenColumns: () => {
+    isLoading: boolean;
+    hiddenColumnIds: never[];
+} | {
+    isLoading: false;
+    hiddenColumnIds: string[];
+};

package/dist/hooks/usePersistColumns/index.d.ts

@@ -0,0 +1 @@
+export { usePersistColumns } from './usePersistColumns';

package/dist/hooks/usePersistColumns/usePersistColumns.d.ts

@@ -0,0 +1,6 @@
+export declare const usePersistColumns: () => {
+    saveColumns: ({ visibleColumns }: {
+        visibleColumns: string[];
+    }) => Promise<void>;
+    isSaving: boolean;
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index2.cjs"),s=require("./index3.cjs"),o=require("./index4.cjs"),n=require("./index5.cjs"),a=require("./index6.cjs"),c=require("./index7.cjs"),u=require("./index8.cjs"),l=require("./index9.cjs"),F=require("./index10.cjs"),d=require("./index11.cjs"),q=require("./index12.cjs"),g=require("./index13.cjs"),w=require("./index14.cjs"),A=require("./index15.cjs"),V=require("./index16.cjs"),C=require("./index17.cjs"),p=require("./index18.cjs"),h=require("./index19.cjs"),v=require("./index20.cjs"),b=require("./index21.cjs"),R=require("./index22.cjs"),y=require("./index23.cjs"),D=require("./index24.cjs"),M=require("./index25.cjs"),m=require("./index26.cjs"),T=require("./index27.cjs"),N=require("./index28.cjs"),L=require("./index29.cjs"),S=require("./index30.cjs"),P=require("./index31.cjs"),O=require("./index32.cjs"),B=require("./index33.cjs"),k=require("./index34.cjs"),x=require("./index35.cjs"),f=require("./index36.cjs"),U=require("./index37.cjs"),I=require("./index38.cjs"),E=require("./index39.cjs"),G=require("./index40.cjs"),X=require("./index41.cjs"),$=require("./index42.cjs"),e=require("./index43.cjs"),H=require("./index44.cjs"),J=require("./index45.cjs"),_=require("./index46.cjs"),j=require("./index47.cjs"),W=require("./index48.cjs"),r=require("./index49.cjs"),i=require("./index50.cjs"),z=require("./index51.cjs"),K=require("./index52.cjs"),Q=require("./index53.cjs"),Y=require("./index54.cjs"),Z=require("./index55.cjs"),ee=require("./index56.cjs"),re=require("./index57.cjs"),ie=require("./index58.cjs"),te=require("./index59.cjs"),se=require("./index60.cjs"),oe=require("./index61.cjs"),ne=require("./index62.cjs"),ae=require("./index63.cjs"),ce=require("./index64.cjs"),ue=require("./index65.cjs"),le=require("./index66.cjs"),Fe=require("./index67.cjs"),de=require("./index68.cjs"),qe=require("./index69.cjs"),ge=require("./index70.cjs");exports.deleteCustomView=t.deleteCustomView;exports.patchCurrentUser=s.patchCurrentUser;exports.patchCustomView=o.patchCustomView;exports.createCustomView=n.createCustomView;exports.axios=a.axios;exports.useBusinessLogic=c.useBusinessLogic;exports.BusinessLogicManager=u.BusinessLogicManager;exports.setMockedBusinessLogic=l.setMockedBusinessLogic;exports.ErrorBoundary=F.ErrorBoundary;exports.SearchBar=d.SearchBar;exports.TableControls=q.TableControls;exports.ToastsManager=g.ToastsManager;exports.ActiveFilterTag=w.ActiveFilterTag;exports.ActiveFilters=A.ActiveFilters;exports.FilterArrayField=V.FilterArrayField;exports.FilterField=C.FilterField;exports.ActiveFilterArrayTag=p.ActiveFilterArrayTag;exports.ActiveFilterDateRangeTag=h.ActiveFilterDateRangeTag;exports.ActiveFilterNumberRangeTag=v.ActiveFilterNumberRangeTag;exports.ActiveAsyncCheckboxFilter=b.ActiveAsyncCheckboxFilter;exports.ActiveAsyncRadioFilter=R.ActiveAsyncRadioFilter;exports.AsyncCheckboxFilter=y.AsyncCheckboxFilter;exports.AsyncRadioFilter=D.AsyncRadioFilter;exports.CheckboxFilter=M.CheckboxFilter;exports.DateRangeFilter=m.DateRangeFilter;exports.MultipleFieldFilter=T.MultipleFieldFilter;exports.NumberRangeFilter=N.NumberRangeFilter;exports.RadioFilter=L.RadioFilter;exports.FiltersDropdown=S.FiltersDropdown;exports.FiltersList=P.FiltersList;exports.FilterGroup=O.FilterGroup;exports.ViewTab=B.ViewTab;exports.CreateView=k.CreateView;exports.EditDropdown=x.EditDropdown;exports.OptionsDropdown=f.OptionsDropdown;exports.PillNotifications=U.PillNotifications;exports.SortableViews=I.SortableViews;exports.UnsavedChangesPill=E.UnsavedChangesPill;exports.ViewDropdowns=G.ViewDropdowns;exports.ViewList=X.ViewList;exports.SHARING_OPTIONS=$.SHARING_OPTIONS;exports.DateOptionMap=e.DateOptionMap;exports.DateValue=e.DateValue;exports.FilterChoiceValue=H.FilterChoiceValue;exports.ModalProvider=J.ModalProvider;exports.ModalId=_.ModalId;exports.useModal=j.useModal;exports.withCSRF=W.withCSRF;exports.onlyJSON=r.onlyJSON;exports.vndAPI=r.vndAPI;exports.fetcherV1=i.fetcherV1;exports.fetcherV2=i.fetcherV2;exports.useDropdownManager=z.useDropdownManager;exports.useDuplicateActiveView=K.useDuplicateActiveView;exports.useFilterArrayLabel=Q.useFilterArrayLabel;exports.useFilterLabel=Y.useFilterLabel;exports.usePersistUnsavedChanges=Z.usePersistUnsavedChanges;exports.useStores=ee.useStores;exports.useViews=re.useViews;exports.useViewUrlChange=ie.useViewUrlChange;exports.useCustomViews=te.useCustomViews;exports.Filters=se.Filters;exports.NumberRangeFilterClass=oe.NumberRangeFilter;exports.RangeFilter=ne.RangeFilter;exports.Views=ae.Views;exports.Notifications=ce.Notifications;exports.MobXProvider=ue.MobXProvider;exports.getAsyncOptions=le.getAsyncOptions;exports.getFetcherFunction=Fe.getFetcherFunction;exports.isValidDateRange=de.isValidDateRange;exports.viewsAdapter=qe.viewsAdapter;exports.createAllView=ge.createAllView;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index2.cjs"),s=require("./index3.cjs"),o=require("./index4.cjs"),n=require("./index5.cjs"),a=require("./index6.cjs"),c=require("./index7.cjs"),u=require("./index8.cjs"),l=require("./index9.cjs"),F=require("./index10.cjs"),d=require("./index11.cjs"),q=require("./index12.cjs"),g=require("./index13.cjs"),w=require("./index14.cjs"),A=require("./index15.cjs"),V=require("./index16.cjs"),C=require("./index17.cjs"),p=require("./index18.cjs"),b=require("./index19.cjs"),h=require("./index20.cjs"),v=require("./index21.cjs"),R=require("./index22.cjs"),y=require("./index23.cjs"),D=require("./index24.cjs"),m=require("./index25.cjs"),M=require("./index26.cjs"),T=require("./index27.cjs"),N=require("./index28.cjs"),L=require("./index29.cjs"),S=require("./index30.cjs"),P=require("./index31.cjs"),O=require("./index32.cjs"),B=require("./index33.cjs"),k=require("./index34.cjs"),x=require("./index35.cjs"),f=require("./index36.cjs"),U=require("./index37.cjs"),I=require("./index38.cjs"),E=require("./index39.cjs"),G=require("./index40.cjs"),H=require("./index41.cjs"),X=require("./index42.cjs"),$=require("./index43.cjs"),e=require("./index44.cjs"),J=require("./index45.cjs"),_=require("./index46.cjs"),j=require("./index47.cjs"),W=require("./index48.cjs"),z=require("./index49.cjs"),r=require("./index50.cjs"),i=require("./index51.cjs"),K=require("./index52.cjs"),Q=require("./index53.cjs"),Y=require("./index54.cjs"),Z=require("./index55.cjs"),ee=require("./index56.cjs"),re=require("./index57.cjs"),ie=require("./index58.cjs"),te=require("./index59.cjs"),se=require("./index60.cjs"),oe=require("./index61.cjs"),ne=require("./index62.cjs"),ae=require("./index63.cjs"),ce=require("./index64.cjs"),ue=require("./index65.cjs"),le=require("./index66.cjs"),Fe=require("./index67.cjs"),de=require("./index68.cjs"),qe=require("./index69.cjs"),ge=require("./index70.cjs"),we=require("./index71.cjs"),Ae=require("./index72.cjs");exports.deleteCustomView=t.deleteCustomView;exports.patchCurrentUser=s.patchCurrentUser;exports.patchCustomView=o.patchCustomView;exports.createCustomView=n.createCustomView;exports.axios=a.axios;exports.useBusinessLogic=c.useBusinessLogic;exports.BusinessLogicManager=u.BusinessLogicManager;exports.setMockedBusinessLogic=l.setMockedBusinessLogic;exports.ErrorBoundary=F.ErrorBoundary;exports.SearchBar=d.SearchBar;exports.TableControls=q.TableControls;exports.ToastsManager=g.ToastsManager;exports.ActiveFilterTag=w.ActiveFilterTag;exports.ActiveFilters=A.ActiveFilters;exports.FilterArrayField=V.FilterArrayField;exports.FilterField=C.FilterField;exports.ActiveFilterArrayTag=p.ActiveFilterArrayTag;exports.ActiveFilterDateRangeTag=b.ActiveFilterDateRangeTag;exports.ActiveFilterNumberRangeTag=h.ActiveFilterNumberRangeTag;exports.ActiveAsyncCheckboxFilter=v.ActiveAsyncCheckboxFilter;exports.ActiveAsyncRadioFilter=R.ActiveAsyncRadioFilter;exports.AsyncCheckboxFilter=y.AsyncCheckboxFilter;exports.AsyncRadioFilter=D.AsyncRadioFilter;exports.CheckboxFilter=m.CheckboxFilter;exports.DateRangeFilter=M.DateRangeFilter;exports.MultipleFieldFilter=T.MultipleFieldFilter;exports.NumberRangeFilter=N.NumberRangeFilter;exports.RadioFilter=L.RadioFilter;exports.FiltersDropdown=S.FiltersDropdown;exports.FiltersList=P.FiltersList;exports.FilterGroup=O.FilterGroup;exports.ViewTab=B.ViewTab;exports.CreateView=k.CreateView;exports.EditDropdown=x.EditDropdown;exports.OptionsDropdown=f.OptionsDropdown;exports.PillNotifications=U.PillNotifications;exports.SortableViews=I.SortableViews;exports.UnsavedChangesPill=E.UnsavedChangesPill;exports.ViewDropdowns=G.ViewDropdowns;exports.ViewList=H.ViewList;exports.SHARING_OPTIONS=X.SHARING_OPTIONS;exports.TableManagement=$.TableManagement;exports.DateOptionMap=e.DateOptionMap;exports.DateValue=e.DateValue;exports.FilterChoiceValue=J.FilterChoiceValue;exports.ModalProvider=_.ModalProvider;exports.ModalId=j.ModalId;exports.useModal=W.useModal;exports.withCSRF=z.withCSRF;exports.onlyJSON=r.onlyJSON;exports.vndAPI=r.vndAPI;exports.fetcherV1=i.fetcherV1;exports.fetcherV2=i.fetcherV2;exports.useDropdownManager=K.useDropdownManager;exports.useDuplicateActiveView=Q.useDuplicateActiveView;exports.useFilterArrayLabel=Y.useFilterArrayLabel;exports.useFilterLabel=Z.useFilterLabel;exports.usePersistUnsavedChanges=ee.usePersistUnsavedChanges;exports.useStores=re.useStores;exports.useViews=ie.useViews;exports.useViewUrlChange=te.useViewUrlChange;exports.useCustomViews=se.useCustomViews;exports.useHiddenColumns=oe.useHiddenColumns;exports.Filters=ne.Filters;exports.NumberRangeFilterClass=ae.NumberRangeFilter;exports.RangeFilter=ce.RangeFilter;exports.Views=ue.Views;exports.Notifications=le.Notifications;exports.MobXProvider=Fe.MobXProvider;exports.getAsyncOptions=de.getAsyncOptions;exports.getFetcherFunction=qe.getFetcherFunction;exports.isValidDateRange=ge.isValidDateRange;exports.viewsAdapter=we.viewsAdapter;exports.createAllView=Ae.createAllView;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/TableControls';
 export * from './components/ToastsManager';
 export * from './components/Filters';
 export * from './components/Views';
+export * from './components/TableManagement';
 export * from './constants';
 export * from './context';
 export * from './fetchers';

package/dist/index.js

@@ -4,14 +4,14 @@ import { patchCustomView as m } from "./index4.js";
 import { createCustomView as x } from "./index5.js";
 import { axios as s } from "./index6.js";
 import { useBusinessLogic as n } from "./index7.js";
-import { BusinessLogicManager as F } from "./index8.js";
+import { BusinessLogicManager as u } from "./index8.js";
 import { setMockedBusinessLogic as d } from "./index9.js";
 import { ErrorBoundary as w } from "./index10.js";
 import { SearchBar as V } from "./index11.js";
-import { TableControls as h } from "./index12.js";
-import { ToastsManager as b } from "./index13.js";
+import { TableControls as b } from "./index12.js";
+import { ToastsManager as v } from "./index13.js";
 import { ActiveFilterTag as D } from "./index14.js";
-import { ActiveFilters as M } from "./index15.js";
+import { ActiveFilters as y } from "./index15.js";
 import { FilterArrayField as T } from "./index16.js";
 import { FilterField as P } from "./index17.js";
 import { ActiveFilterArrayTag as O } from "./index18.js";
@@ -31,42 +31,44 @@ import { FiltersList as mr } from "./index31.js";
 import { FilterGroup as xr } from "./index32.js";
 import { ViewTab as sr } from "./index33.js";
 import { CreateView as nr } from "./index34.js";
-import { EditDropdown as Fr } from "./index35.js";
+import { EditDropdown as ur } from "./index35.js";
 import { OptionsDropdown as dr } from "./index36.js";
 import { PillNotifications as wr } from "./index37.js";
 import { SortableViews as Vr } from "./index38.js";
-import { UnsavedChangesPill as hr } from "./index39.js";
-import { ViewDropdowns as br } from "./index40.js";
+import { UnsavedChangesPill as br } from "./index39.js";
+import { ViewDropdowns as vr } from "./index40.js";
 import { ViewList as Dr } from "./index41.js";
-import { SHARING_OPTIONS as Mr } from "./index42.js";
-import { DateOptionMap as Tr, DateValue as Lr } from "./index43.js";
-import { FilterChoiceValue as Sr } from "./index44.js";
-import { ModalProvider as Br } from "./index45.js";
-import { ModalId as Ir } from "./index46.js";
-import { useModal as Er } from "./index47.js";
-import { withCSRF as Hr } from "./index48.js";
-import { onlyJSON as Xr, vndAPI as _r } from "./index49.js";
-import { fetcherV1 as qr, fetcherV2 as zr } from "./index50.js";
-import { useDropdownManager as Qr } from "./index51.js";
-import { useDuplicateActiveView as Yr } from "./index52.js";
-import { useFilterArrayLabel as $r } from "./index53.js";
-import { useFilterLabel as ee } from "./index54.js";
-import { usePersistUnsavedChanges as te } from "./index55.js";
-import { useStores as pe } from "./index56.js";
-import { useViews as fe } from "./index57.js";
-import { useViewUrlChange as ae } from "./index58.js";
-import { useCustomViews as le } from "./index59.js";
-import { Filters as ce } from "./index60.js";
-import { NumberRangeFilter as ue } from "./index61.js";
-import { RangeFilter as ge } from "./index62.js";
-import { Views as Ae } from "./index63.js";
-import { Notifications as Ce } from "./index64.js";
-import { MobXProvider as ve } from "./index65.js";
-import { getAsyncOptions as Re } from "./index66.js";
-import { getFetcherFunction as ye } from "./index67.js";
-import { isValidDateRange as Ne } from "./index68.js";
-import { viewsAdapter as Le } from "./index69.js";
-import { createAllView as Se } from "./index70.js";
+import { SHARING_OPTIONS as yr } from "./index42.js";
+import { TableManagement as Tr } from "./index43.js";
+import { DateOptionMap as Pr, DateValue as Sr } from "./index44.js";
+import { FilterChoiceValue as Br } from "./index45.js";
+import { ModalProvider as Ir } from "./index46.js";
+import { ModalId as Er } from "./index47.js";
+import { useModal as Hr } from "./index48.js";
+import { withCSRF as Xr } from "./index49.js";
+import { onlyJSON as jr, vndAPI as qr } from "./index50.js";
+import { fetcherV1 as Kr, fetcherV2 as Qr } from "./index51.js";
+import { useDropdownManager as Yr } from "./index52.js";
+import { useDuplicateActiveView as $r } from "./index53.js";
+import { useFilterArrayLabel as ee } from "./index54.js";
+import { useFilterLabel as te } from "./index55.js";
+import { usePersistUnsavedChanges as pe } from "./index56.js";
+import { useStores as fe } from "./index57.js";
+import { useViews as ae } from "./index58.js";
+import { useViewUrlChange as le } from "./index59.js";
+import { useCustomViews as ce } from "./index60.js";
+import { useHiddenColumns as Fe } from "./index61.js";
+import { Filters as ge } from "./index62.js";
+import { NumberRangeFilter as Ae } from "./index63.js";
+import { RangeFilter as Ce } from "./index64.js";
+import { Views as he } from "./index65.js";
+import { Notifications as Re } from "./index66.js";
+import { MobXProvider as Me } from "./index67.js";
+import { getAsyncOptions as Ne } from "./index68.js";
+import { getFetcherFunction as Le } from "./index69.js";
+import { isValidDateRange as Se } from "./index70.js";
+import { viewsAdapter as Be } from "./index71.js";
+import { createAllView as Ie } from "./index72.js";
 export {
   G as ActiveAsyncCheckboxFilter,
   J as ActiveAsyncRadioFilter,
@@ -74,70 +76,72 @@ export {
   k as ActiveFilterDateRangeTag,
   U as ActiveFilterNumberRangeTag,
   D as ActiveFilterTag,
-  M as ActiveFilters,
+  y as ActiveFilters,
   _ as AsyncCheckboxFilter,
   q as AsyncRadioFilter,
-  F as BusinessLogicManager,
+  u as BusinessLogicManager,
   K as CheckboxFilter,
   nr as CreateView,
-  Tr as DateOptionMap,
+  Pr as DateOptionMap,
   W as DateRangeFilter,
-  Lr as DateValue,
-  Fr as EditDropdown,
+  Sr as DateValue,
+  ur as EditDropdown,
   w as ErrorBoundary,
   T as FilterArrayField,
-  Sr as FilterChoiceValue,
+  Br as FilterChoiceValue,
   P as FilterField,
   xr as FilterGroup,
-  ce as Filters,
+  ge as Filters,
   ir as FiltersDropdown,
   mr as FiltersList,
-  ve as MobXProvider,
-  Ir as ModalId,
-  Br as ModalProvider,
+  Me as MobXProvider,
+  Er as ModalId,
+  Ir as ModalProvider,
   Z as MultipleFieldFilter,
-  Ce as Notifications,
+  Re as Notifications,
   rr as NumberRangeFilter,
-  ue as NumberRangeFilterClass,
+  Ae as NumberRangeFilterClass,
   dr as OptionsDropdown,
   wr as PillNotifications,
   or as RadioFilter,
-  ge as RangeFilter,
-  Mr as SHARING_OPTIONS,
+  Ce as RangeFilter,
+  yr as SHARING_OPTIONS,
   V as SearchBar,
   Vr as SortableViews,
-  h as TableControls,
-  b as ToastsManager,
-  hr as UnsavedChangesPill,
-  br as ViewDropdowns,
+  b as TableControls,
+  Tr as TableManagement,
+  v as ToastsManager,
+  br as UnsavedChangesPill,
+  vr as ViewDropdowns,
   Dr as ViewList,
   sr as ViewTab,
-  Ae as Views,
+  he as Views,
   s as axios,
-  Se as createAllView,
+  Ie as createAllView,
   x as createCustomView,
   o as deleteCustomView,
-  qr as fetcherV1,
-  zr as fetcherV2,
-  Re as getAsyncOptions,
-  ye as getFetcherFunction,
-  Ne as isValidDateRange,
-  Xr as onlyJSON,
+  Kr as fetcherV1,
+  Qr as fetcherV2,
+  Ne as getAsyncOptions,
+  Le as getFetcherFunction,
+  Se as isValidDateRange,
+  jr as onlyJSON,
   i as patchCurrentUser,
   m as patchCustomView,
   d as setMockedBusinessLogic,
   n as useBusinessLogic,
-  le as useCustomViews,
-  Qr as useDropdownManager,
-  Yr as useDuplicateActiveView,
-  $r as useFilterArrayLabel,
-  ee as useFilterLabel,
-  Er as useModal,
-  te as usePersistUnsavedChanges,
-  pe as useStores,
-  ae as useViewUrlChange,
-  fe as useViews,
-  Le as viewsAdapter,
-  _r as vndAPI,
-  Hr as withCSRF
+  ce as useCustomViews,
+  Yr as useDropdownManager,
+  $r as useDuplicateActiveView,
+  ee as useFilterArrayLabel,
+  te as useFilterLabel,
+  Fe as useHiddenColumns,
+  Hr as useModal,
+  pe as usePersistUnsavedChanges,
+  fe as useStores,
+  le as useViewUrlChange,
+  ae as useViews,
+  Be as viewsAdapter,
+  qr as vndAPI,
+  Xr as withCSRF
 };

package/dist/index100.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
+  .rst__rowTitle {
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .rst__rowTitle > div:first-child {
+    gap: ${o.theme.sizes.sm};
+  }
+`;exports.StyledSortableViews=n;

package/dist/index100.js

@@ -0,0 +1,19 @@
+import { VeeqoUI as e } from "@veeqo/components";
+import { theme as o } from "@veeqo/ui";
+import t from "styled-components";
+const { SortableViews: r } = e, p = t(r)`
+  .rst__rowTitle {
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .rst__rowTitle > div:first-child {
+    gap: ${o.sizes.sm};
+  }
+`;
+export {
+  p as StyledSortableViews
+};

package/dist/index101.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@veeqo/ui"),o=require("@material-ui/core/styles"),t=require("@material-ui/core/Slider"),l=e=>e&&e.__esModule?e:{default:e},i=l(t),a=o.withStyles({root:{color:r.theme.colors.secondary.blue.base,height:4},thumb:{height:20,width:20,backgroundColor:"#fff",border:"3px solid currentColor",marginTop:-8,marginLeft:-10,"&:focus, &:hover, &$active":{boxShadow:"inherit"}},valueLabel:{left:"calc(-50% - 1px)"},track:{height:4,borderRadius:4,backgroundColor:r.theme.colors.secondary.blue.light,opacity:1},rail:{height:4,borderRadius:4,backgroundColor:r.theme.colors.neutral.grey.dark,opacity:1}})(i.default);exports.MUISlider=a;

package/dist/index101.js

@@ -0,0 +1,38 @@
+import { theme as o } from "@veeqo/ui";
+import { withStyles as r } from "@material-ui/core/styles";
+import e from "@material-ui/core/Slider";
+const l = r({
+  root: {
+    color: o.colors.secondary.blue.base,
+    height: 4
+  },
+  thumb: {
+    height: 20,
+    width: 20,
+    backgroundColor: "#fff",
+    border: "3px solid currentColor",
+    marginTop: -8,
+    marginLeft: -10,
+    "&:focus, &:hover, &$active": {
+      boxShadow: "inherit"
+    }
+  },
+  valueLabel: {
+    left: "calc(-50% - 1px)"
+  },
+  track: {
+    height: 4,
+    borderRadius: 4,
+    backgroundColor: o.colors.secondary.blue.light,
+    opacity: 1
+  },
+  rail: {
+    height: 4,
+    borderRadius: 4,
+    backgroundColor: o.colors.neutral.grey.dark,
+    opacity: 1
+  }
+})(e);
+export {
+  l as MUISlider
+};

package/dist/index102.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const n=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[n.Translate.toString(t),n.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:i}=t;return e+" "+r+"ms "+i}}});exports.CSS=n;

package/dist/index102.js

@@ -0,0 +1,44 @@
+import "react";
+const n = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(t) {
+      if (!t)
+        return;
+      const {
+        x: r,
+        y: e
+      } = t;
+      return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(t) {
+      if (!t)
+        return;
+      const {
+        scaleX: r,
+        scaleY: e
+      } = t;
+      return "scaleX(" + r + ") scaleY(" + e + ")";
+    }
+  },
+  Transform: {
+    toString(t) {
+      if (t)
+        return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
+    }
+  },
+  Transition: {
+    toString(t) {
+      let {
+        property: r,
+        duration: e,
+        easing: i
+      } = t;
+      return r + " " + e + "ms " + i;
+    }
+  }
+});
+export {
+  n as CSS
+};

package/dist/index103.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
+  padding: ${e.theme.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
+  overflow-y: auto;
+`;exports.AdaptiveStyledContainer=s;

package/dist/index103.js

@@ -0,0 +1,12 @@
+import o from "styled-components";
+import { theme as e, BaseContainer as i } from "@veeqo/ui";
+const h = o(i)`
+  padding: ${e.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
+  overflow-y: auto;
+`;
+export {
+  h as AdaptiveStyledContainer
+};

package/dist/index11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("mobx-react"),d=require("@veeqo/ui"),_=require("lodash/debounce"),o=require("react"),h=require("./index7.cjs"),b=require("./index56.cjs"),f=e=>e&&e.__esModule?e:{default:e},g=f(_),q=S.observer(()=>{const{SEARCH_FILTER_ID:e,FILTERS_DEBOUCE_INTERVAL_MS:u}=h.useBusinessLogic(),{Filters:{setFilter:t,filters:c}}=b.useStores(),[n,a]=o.useState(c.get(e)||""),i=o.useCallback(g.default(s=>{t(e,s)},u),[t,e]),l=s=>{a(s),i(s)};return r.jsx("div",{style:{flexGrow:1},children:r.jsx(d.Search,{value:n,onChange:l})})});exports.SearchBar=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("mobx-react"),d=require("@veeqo/ui"),_=require("lodash/debounce"),o=require("react"),h=require("./index7.cjs"),b=require("./index57.cjs"),f=e=>e&&e.__esModule?e:{default:e},g=f(_),q=S.observer(()=>{const{SEARCH_FILTER_ID:e,FILTERS_DEBOUCE_INTERVAL_MS:u}=h.useBusinessLogic(),{Filters:{setFilter:t,filters:c}}=b.useStores(),[n,a]=o.useState(c.get(e)||""),i=o.useCallback(g.default(s=>{t(e,s)},u),[t,e]),l=s=>{a(s),i(s)};return r.jsx("div",{style:{flexGrow:1},children:r.jsx(d.Search,{value:n,onChange:l})})});exports.SearchBar=q;

package/dist/index11.js

@@ -4,7 +4,7 @@ import { Search as l } from "@veeqo/ui";
 import u from "lodash/debounce";
 import { useState as h, useCallback as f } from "react";
 import { useBusinessLogic as S } from "./index7.js";
-import { useStores as p } from "./index56.js";
+import { useStores as p } from "./index57.js";
 const L = m(() => {
   const { SEARCH_FILTER_ID: r, FILTERS_DEBOUCE_INTERVAL_MS: s } = S(), {
     Filters: { setFilter: o, filters: n }