@veeqo/transfigure 0.0.1 → 0.0.3

package/README.md

@@ -1,54 +1,3 @@
-# React + TypeScript + Vite
+# VQTransfigure
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config({
-  extends: [
-    // Remove ...tseslint.configs.recommended and replace with this
-    ...tseslint.configs.recommendedTypeChecked,
-    // Alternatively, use this for stricter rules
-    ...tseslint.configs.strictTypeChecked,
-    // Optionally, add this for stylistic rules
-    ...tseslint.configs.stylisticTypeChecked,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config({
-  plugins: {
-    // Add the react-x and react-dom plugins
-    'react-x': reactX,
-    'react-dom': reactDom,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended typescript rules
-    ...reactX.configs['recommended-typescript'].rules,
-    ...reactDom.configs.recommended.rules,
-  },
-})
-```
+WIP

package/dist/BusinessLogic/mocks.d.ts

@@ -1,10 +1,10 @@
 import { BusinessLogicType } from './types';
-import { Filter, FilterGroup } from 'src/types';
+import { Filter, FilterGroupType } from 'src/types';
 export declare const DATE_RANGE_FILTERS: string[];
 export declare const NUMBER_RANGE_FILTERS: string[];
 export declare const customAppBusinessLogic: Omit<BusinessLogicType, 'FIELDS_MAP' | 'GROUP_MAP'>;
 export declare const generateMockedFilterMaps: () => {
     FIELDS_MAP: Map<string, Filter>;
-    GROUP_MAP: Map<string, FilterGroup>;
+    GROUP_MAP: Map<string, FilterGroupType>;
 };
-export declare const setMockedBusinessLogic: () => void;
+export declare const setMockedBusinessLogic: (mock?: Partial<BusinessLogicType>) => void;

package/dist/BusinessLogic/types.d.ts

@@ -1,7 +1,7 @@
 import { DateRanges } from '../../node_modules/@veeqo/ui';
 import { SelectOption } from '../../node_modules/@veeqo/ui/dist/components/Select/Select';
 import { DateRange } from '../../node_modules/react-aria-components';
-import { Filter, FilterGroup } from 'src/types';
+import { Filter, FilterGroupType } from 'src/types';
 export type BusinessLogicType = {
     DATE_RANGE_FILTERS: string[];
     SEARCH_FILTER_ID: string;
@@ -13,6 +13,7 @@ export type BusinessLogicType = {
     DEFAULT_PAGE_NUMBER: string;
     VIEW_TYPE: 'order' | 'inventory';
     FIELDS_MAP: Map<string, Filter>;
-    GROUP_MAP: Map<string, FilterGroup>;
+    GROUP_MAP: Map<string, FilterGroupType>;
     FILTERS_DEBOUCE_INTERVAL_MS: number;
+    PAGE_SIZE_OPTIONS: number[];
 };

package/dist/components/Filters/ActiveFilters/Categories/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterArrayField } from './FilterArrayField';
+export { FilterField } from './FilterField';

package/dist/components/Filters/ActiveFilters/Variants/ActiveAsyncCheckboxFilter/ActiveAsyncCheckboxFilter.d.ts

@@ -0,0 +1,8 @@
+import { Filter } from 'src/types';
+type ActiveAsyncCheckboxFilterProps = {
+    field: Filter;
+    editedValue: string[];
+    setEditedValue: (value: string[]) => void;
+};
+export declare const ActiveAsyncCheckboxFilter: ({ field, editedValue, setEditedValue }: ActiveAsyncCheckboxFilterProps) => JSX.Element;
+export {};

package/dist/components/Filters/ActiveFilters/Variants/ActiveAsyncCheckboxFilter/index.d.ts

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

package/dist/components/Filters/ActiveFilters/Variants/ActiveAsyncRadioFilter/ActiveAsyncRadioFilter.d.ts

@@ -0,0 +1,8 @@
+import { Filter } from 'src/types';
+type ActiveAsyncRadioFilterProps = {
+    field: Filter;
+    editedValue: string;
+    setEditedValue: (value: string) => void;
+};
+export declare const ActiveAsyncRadioFilter: ({ field, editedValue, setEditedValue }: ActiveAsyncRadioFilterProps) => JSX.Element;
+export {};

package/dist/components/Filters/ActiveFilters/Variants/ActiveAsyncRadioFilter/index.d.ts

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

package/dist/components/Filters/{Fields → ActiveFilters/Variants/ActiveFilterNumberRangeTag}/FilterNumberRangeFilter/FilterNumberRangeFilter.d.ts

@@ -1,5 +1,5 @@
 import { Filter } from 'src/types';
-import { NumberRangeFilter as NumberRangeFilterClass } from '../../../../mobx/NumberRangeFilter/NumberRangeFilter';
+import { NumberRangeFilter as NumberRangeFilterClass } from '../../../../../../mobx/NumberRangeFilter/NumberRangeFilter';
 type FilterNumberRangeFilterProps = {
     data: Filter;
     editedValue?: NumberRangeFilterClass;

package/dist/components/Filters/ActiveFilters/Variants/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ActiveFilterArrayTag';
+export * from './ActiveFilterDateRangeTag';
+export * from './ActiveFilterNumberRangeTag';
+export * from './ActiveAsyncCheckboxFilter';
+export * from './ActiveAsyncRadioFilter';

package/dist/components/Filters/ActiveFilters/index.d.ts

@@ -1,5 +1,4 @@
 export * from './ActiveFilterTag';
-export * from './ActiveFilterArrayTag';
-export * from './ActiveFilterDateRangeTag';
-export * from './ActiveFilterNumberRangeTag';
 export * from './ActiveFilters';
+export * from './Categories';
+export * from './Variants';

package/dist/components/Filters/Fields/index.d.ts

@@ -1,13 +1,7 @@
 export * from './AsyncCheckboxFilter';
-export * from './AsyncInlineCheckboxFilter';
-export * from './AsyncInlineRadioFilter';
 export * from './AsyncRadioFilter';
 export * from './CheckboxFilter';
 export * from './DateRangeFilter';
-export * from './FilterArrayField';
-export * from './FilterField';
-export * from './FilterGroup';
-export * from './FilterNumberRangeFilter';
 export * from './MultipleFieldFilter';
 export * from './NumberRangeFilter';
 export * from './RadioFilter';

package/dist/components/Filters/{Fields/FilterGroup → FilterGroup}/FilterGroup.d.ts

@@ -1,4 +1,4 @@
-import { FilterGroup as FilterGroupType } from 'src/types';
+import { FilterGroupType } from 'src/types';
 type FilterGroupProps = {
     data: FilterGroupType;
 };

package/dist/components/Filters/FilterGroup/index.d.ts

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

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

@@ -2,3 +2,4 @@ export * from './ActiveFilters';
 export * from './Fields';
 export * from './FiltersDropdown';
 export * from './FiltersList';
+export * from './FilterGroup';

package/dist/components/TableControls/TableControls.d.ts

@@ -0,0 +1 @@
+export declare const TableControls: () => JSX.Element;

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

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

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"),g=require("./index12.cjs"),q=require("./index13.cjs"),w=require("./index14.cjs"),V=require("./index15.cjs"),A=require("./index16.cjs"),p=require("./index17.cjs"),C=require("./index18.cjs"),h=require("./index19.cjs"),b=require("./index20.cjs"),R=require("./index21.cjs"),v=require("./index22.cjs"),y=require("./index23.cjs"),D=require("./index24.cjs"),m=require("./index25.cjs"),M=require("./index26.cjs"),N=require("./index27.cjs"),T=require("./index28.cjs"),L=require("./index29.cjs"),S=require("./index30.cjs"),P=require("./index31.cjs"),I=require("./index32.cjs"),O=require("./index33.cjs"),B=require("./index34.cjs"),k=require("./index35.cjs"),x=require("./index36.cjs"),f=require("./index37.cjs"),U=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"),ge=require("./index69.cjs"),qe=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.ToastsManager=g.ToastsManager;exports.ActiveFilterTag=q.ActiveFilterTag;exports.ActiveFilterArrayTag=w.ActiveFilterArrayTag;exports.ActiveFilterDateRangeTag=V.ActiveFilterDateRangeTag;exports.ActiveFilterNumberRangeTag=A.ActiveFilterNumberRangeTag;exports.ActiveFilters=p.ActiveFilters;exports.AsyncCheckboxFilter=C.AsyncCheckboxFilter;exports.AsyncInlineCheckboxFilter=h.AsyncInlineCheckboxFilter;exports.AsyncInlineRadioFilter=b.AsyncInlineRadioFilter;exports.AsyncRadioFilter=R.AsyncRadioFilter;exports.CheckboxFilter=v.CheckboxFilter;exports.DateRangeFilter=y.DateRangeFilter;exports.FilterArrayField=D.FilterArrayField;exports.FilterField=m.FilterField;exports.FilterGroupComponent=M.FilterGroup;exports.FilterNumberRangeFilter=N.FilterNumberRangeFilter;exports.MultipleFieldFilter=T.MultipleFieldFilter;exports.NumberRangeFilter=L.NumberRangeFilter;exports.RadioFilter=S.RadioFilter;exports.FiltersDropdown=P.FiltersDropdown;exports.FiltersList=I.FiltersList;exports.ViewTab=O.ViewTab;exports.CreateView=B.CreateView;exports.EditDropdown=k.EditDropdown;exports.OptionsDropdown=x.OptionsDropdown;exports.PillNotifications=f.PillNotifications;exports.SortableViews=U.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=ge.viewsAdapter;exports.createAllView=qe.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"),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;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from './axiosWrappers';
 export * from './BusinessLogic';
 export * from './components/ErrorBoundary';
 export * from './components/SearchBar';
+export * from './components/TableControls';
 export * from './components/ToastsManager';
 export * from './components/Filters';
 export * from './components/Views';

package/dist/index.js

@@ -4,46 +4,46 @@ 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 u } from "./index8.js";
+import { BusinessLogicManager as F } from "./index8.js";
 import { setMockedBusinessLogic as d } from "./index9.js";
 import { ErrorBoundary as w } from "./index10.js";
-import { SearchBar as A } from "./index11.js";
-import { ToastsManager as h } from "./index12.js";
-import { ActiveFilterTag as b } from "./index13.js";
-import { ActiveFilterArrayTag as D } from "./index14.js";
-import { ActiveFilterDateRangeTag as M } from "./index15.js";
-import { ActiveFilterNumberRangeTag as L } from "./index16.js";
-import { ActiveFilters as S } from "./index17.js";
-import { AsyncCheckboxFilter as I } from "./index18.js";
-import { AsyncInlineCheckboxFilter as B } from "./index19.js";
-import { AsyncInlineRadioFilter as U } from "./index20.js";
-import { AsyncRadioFilter as E } from "./index21.js";
-import { CheckboxFilter as J } from "./index22.js";
-import { DateRangeFilter as _ } from "./index23.js";
-import { FilterArrayField as q } from "./index24.js";
-import { FilterField as K } from "./index25.js";
-import { FilterGroup as W } from "./index26.js";
-import { FilterNumberRangeFilter as Z } from "./index27.js";
-import { MultipleFieldFilter as rr } from "./index28.js";
-import { NumberRangeFilter as or } from "./index29.js";
-import { RadioFilter as ir } from "./index30.js";
-import { FiltersDropdown as mr } from "./index31.js";
-import { FiltersList as xr } from "./index32.js";
+import { SearchBar as V } from "./index11.js";
+import { TableControls as h } from "./index12.js";
+import { ToastsManager as b } from "./index13.js";
+import { ActiveFilterTag as D } from "./index14.js";
+import { ActiveFilters as M } from "./index15.js";
+import { FilterArrayField as T } from "./index16.js";
+import { FilterField as P } from "./index17.js";
+import { ActiveFilterArrayTag as O } from "./index18.js";
+import { ActiveFilterDateRangeTag as k } from "./index19.js";
+import { ActiveFilterNumberRangeTag as U } from "./index20.js";
+import { ActiveAsyncCheckboxFilter as G } from "./index21.js";
+import { ActiveAsyncRadioFilter as J } from "./index22.js";
+import { AsyncCheckboxFilter as _ } from "./index23.js";
+import { AsyncRadioFilter as q } from "./index24.js";
+import { CheckboxFilter as K } from "./index25.js";
+import { DateRangeFilter as W } from "./index26.js";
+import { MultipleFieldFilter as Z } from "./index27.js";
+import { NumberRangeFilter as rr } from "./index28.js";
+import { RadioFilter as or } from "./index29.js";
+import { FiltersDropdown as ir } from "./index30.js";
+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 ur } from "./index35.js";
+import { EditDropdown as Fr } from "./index35.js";
 import { OptionsDropdown as dr } from "./index36.js";
 import { PillNotifications as wr } from "./index37.js";
-import { SortableViews as Ar } from "./index38.js";
+import { SortableViews as Vr } from "./index38.js";
 import { UnsavedChangesPill as hr } from "./index39.js";
 import { ViewDropdowns as br } from "./index40.js";
 import { ViewList as Dr } from "./index41.js";
 import { SHARING_OPTIONS as Mr } from "./index42.js";
-import { DateOptionMap as Lr, DateValue as Pr } from "./index43.js";
-import { FilterChoiceValue as Tr } from "./index44.js";
-import { ModalProvider as Or } from "./index45.js";
-import { ModalId as kr } from "./index46.js";
-import { useModal as Gr } from "./index47.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";
@@ -56,70 +56,70 @@ 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 Fe } from "./index60.js";
-import { NumberRangeFilter as ce } from "./index61.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 Ve } from "./index63.js";
+import { Views as Ae } from "./index63.js";
 import { Notifications as Ce } from "./index64.js";
-import { MobXProvider as Re } from "./index65.js";
-import { getAsyncOptions as ve } from "./index66.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 Pe } from "./index69.js";
-import { createAllView as Te } from "./index70.js";
+import { viewsAdapter as Le } from "./index69.js";
+import { createAllView as Se } from "./index70.js";
 export {
-  D as ActiveFilterArrayTag,
-  M as ActiveFilterDateRangeTag,
-  L as ActiveFilterNumberRangeTag,
-  b as ActiveFilterTag,
-  S as ActiveFilters,
-  I as AsyncCheckboxFilter,
-  B as AsyncInlineCheckboxFilter,
-  U as AsyncInlineRadioFilter,
-  E as AsyncRadioFilter,
-  u as BusinessLogicManager,
-  J as CheckboxFilter,
+  G as ActiveAsyncCheckboxFilter,
+  J as ActiveAsyncRadioFilter,
+  O as ActiveFilterArrayTag,
+  k as ActiveFilterDateRangeTag,
+  U as ActiveFilterNumberRangeTag,
+  D as ActiveFilterTag,
+  M as ActiveFilters,
+  _ as AsyncCheckboxFilter,
+  q as AsyncRadioFilter,
+  F as BusinessLogicManager,
+  K as CheckboxFilter,
   nr as CreateView,
-  Lr as DateOptionMap,
-  _ as DateRangeFilter,
-  Pr as DateValue,
-  ur as EditDropdown,
+  Tr as DateOptionMap,
+  W as DateRangeFilter,
+  Lr as DateValue,
+  Fr as EditDropdown,
   w as ErrorBoundary,
-  q as FilterArrayField,
-  Tr as FilterChoiceValue,
-  K as FilterField,
-  W as FilterGroupComponent,
-  Z as FilterNumberRangeFilter,
-  Fe as Filters,
-  mr as FiltersDropdown,
-  xr as FiltersList,
-  Re as MobXProvider,
-  kr as ModalId,
-  Or as ModalProvider,
-  rr as MultipleFieldFilter,
+  T as FilterArrayField,
+  Sr as FilterChoiceValue,
+  P as FilterField,
+  xr as FilterGroup,
+  ce as Filters,
+  ir as FiltersDropdown,
+  mr as FiltersList,
+  ve as MobXProvider,
+  Ir as ModalId,
+  Br as ModalProvider,
+  Z as MultipleFieldFilter,
   Ce as Notifications,
-  or as NumberRangeFilter,
-  ce as NumberRangeFilterClass,
+  rr as NumberRangeFilter,
+  ue as NumberRangeFilterClass,
   dr as OptionsDropdown,
   wr as PillNotifications,
-  ir as RadioFilter,
+  or as RadioFilter,
   ge as RangeFilter,
   Mr as SHARING_OPTIONS,
-  A as SearchBar,
-  Ar as SortableViews,
-  h as ToastsManager,
+  V as SearchBar,
+  Vr as SortableViews,
+  h as TableControls,
+  b as ToastsManager,
   hr as UnsavedChangesPill,
   br as ViewDropdowns,
   Dr as ViewList,
   sr as ViewTab,
-  Ve as Views,
+  Ae as Views,
   s as axios,
-  Te as createAllView,
+  Se as createAllView,
   x as createCustomView,
   o as deleteCustomView,
   qr as fetcherV1,
   zr as fetcherV2,
-  ve as getAsyncOptions,
+  Re as getAsyncOptions,
   ye as getFetcherFunction,
   Ne as isValidDateRange,
   Xr as onlyJSON,
@@ -132,12 +132,12 @@ export {
   Yr as useDuplicateActiveView,
   $r as useFilterArrayLabel,
   ee as useFilterLabel,
-  Gr as useModal,
+  Er as useModal,
   te as usePersistUnsavedChanges,
   pe as useStores,
   ae as useViewUrlChange,
   fe as useViews,
-  Pe as viewsAdapter,
+  Le as viewsAdapter,
   _r as vndAPI,
   Hr as withCSRF
 };

package/dist/index10.js

@@ -2,25 +2,16 @@ import { jsx as e } from "react/jsx-runtime";
 import { Component as s } from "react";
 class i extends s {
   constructor(r) {
-    super(r), this.state = {
-      hasError: !1
-    };
+    super(r), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
-    return {
-      hasError: !0
-    };
+    return { hasError: !0 };
   }
   componentDidCatch(r, o) {
     console.log(r, o);
   }
   render() {
-    const {
-      hasError: r
-    } = this.state, {
-      children: o,
-      errorComponent: t
-    } = this.props;
+    const { hasError: r } = this.state, { children: o, errorComponent: t } = this.props;
     return r ? t || /* @__PURE__ */ e("p", { children: "Error" }) : o;
   }
 }

package/dist/index11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("mobx-react"),i=require("@veeqo/ui"),a=require("./index7.cjs"),l=require("./index56.cjs"),S=u.observer(()=>{const{SEARCH_FILTER_ID:e}=a.useBusinessLogic(),{Filters:{setFilter:s,filters:t}}=l.useStores(),n=t.get(e),o=c=>{s(e,c)};return r.jsx("div",{style:{flexGrow:1},children:r.jsx(i.Search,{value:n,onChange:o})})});exports.SearchBar=S;
+"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;

package/dist/index11.js

@@ -1,23 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { observer as i } from "mobx-react";
-import { Search as a } from "@veeqo/ui";
-import { useBusinessLogic as c } from "./index7.js";
-import { useStores as l } from "./index56.js";
-const d = i(() => {
-  const {
-    SEARCH_FILTER_ID: e
-  } = c(), {
-    Filters: {
-      setFilter: o,
-      filters: t
-    }
-  } = l(), n = t.get(e);
-  return /* @__PURE__ */ r("div", { style: {
-    flexGrow: 1
-  }, children: /* @__PURE__ */ r(a, { value: n, onChange: (s) => {
-    o(e, s);
+import { jsx as t } from "react/jsx-runtime";
+import { observer as m } from "mobx-react";
+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";
+const L = m(() => {
+  const { SEARCH_FILTER_ID: r, FILTERS_DEBOUCE_INTERVAL_MS: s } = S(), {
+    Filters: { setFilter: o, filters: n }
+  } = p(), [a, c] = h(n.get(r) || ""), i = f(
+    u((e) => {
+      o(r, e);
+    }, s),
+    [o, r]
+  );
+  return /* @__PURE__ */ t("div", { style: { flexGrow: 1 }, children: /* @__PURE__ */ t(l, { value: a, onChange: (e) => {
+    c(e), i(e);
   } }) });
 });
 export {
-  d as SearchBar
+  L as SearchBar
 };

package/dist/index12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("@veeqo/ui"),n=require("mobx-react"),u=require("react"),a=require("./index56.cjs"),c=n.observer(()=>{const{Notifications:{toasts:e,removeByKey:t}}=a.useStores();return u.useEffect(()=>{if(e.length>0){const s=e[0],o=setTimeout(()=>{t(s.key)},2e3);return()=>clearTimeout(o)}},[e,t]),r.jsx(i.ToastsLayout,{max:10,minWidth:"",toasts:e,onClose:t})});exports.ToastsManager=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),g=require("react"),h=require("./index7.cjs"),P=require("./index56.cjs"),d=l.observer(()=>{const{PAGE_SIZE_OPTIONS:a}=h.useBusinessLogic(),{Filters:{setCurrentPage:o,currentPage:i,pageSize:n,setPageSize:r}}=P.useStores(),c=e=>{o(e)},u=g.useCallback(e=>{n!==e&&r(e)},[n,r]);return t.jsxs(s.Stack,{direction:"horizontal",children:[t.jsx(s.Pagination,{currentPage:i,totalPagesCount:100,handleChangePage:c}),t.jsx(s.ActionMenu,{menuLabel:"items per page",ctaProps:{children:`${n} / page`,style:{marginLeft:s.theme.sizes.xs}},children:a.map(e=>t.jsxs(s.ActionMenu.Item,{onAction:()=>u(e),children:[e," / page"]},e))})]})});exports.TableControls=d;

package/dist/index12.js

@@ -1,24 +1,45 @@
-import { jsx as s } from "react/jsx-runtime";
-import { ToastsLayout as m } from "@veeqo/ui";
-import { observer as i } from "mobx-react";
-import { useEffect as n } from "react";
-import { useStores as a } from "./index56.js";
-const y = i(() => {
-  const {
-    Notifications: {
-      toasts: o,
-      removeByKey: t
-    }
-  } = a();
-  return n(() => {
-    if (o.length > 0) {
-      const r = o[0], e = setTimeout(() => {
-        t(r.key);
-      }, 2e3);
-      return () => clearTimeout(e);
-    }
-  }, [o, t]), /* @__PURE__ */ s(m, { max: 10, minWidth: "", toasts: o, onClose: t });
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { observer as l } from "mobx-react";
+import { Stack as h, Pagination as u, ActionMenu as o, theme as p } from "@veeqo/ui";
+import { useCallback as P } from "react";
+import { useBusinessLogic as d } from "./index7.js";
+import { useStores as f } from "./index56.js";
+const L = l(() => {
+  const { PAGE_SIZE_OPTIONS: s } = d(), {
+    Filters: { setCurrentPage: i, currentPage: c, pageSize: t, setPageSize: r }
+  } = f(), m = (e) => {
+    i(e);
+  }, g = P(
+    (e) => {
+      t !== e && r(e);
+    },
+    [t, r]
+  );
+  return /* @__PURE__ */ n(h, { direction: "horizontal", children: [
+    /* @__PURE__ */ a(
+      u,
+      {
+        currentPage: c,
+        totalPagesCount: 100,
+        handleChangePage: m
+      }
+    ),
+    /* @__PURE__ */ a(
+      o,
+      {
+        menuLabel: "items per page",
+        ctaProps: {
+          children: `${t} / page`,
+          style: { marginLeft: p.sizes.xs }
+        },
+        children: s.map((e) => /* @__PURE__ */ n(o.Item, { onAction: () => g(e), children: [
+          e,
+          " / page"
+        ] }, e))
+      }
+    )
+  ] });
 });
 export {
-  y as ToastsManager
+  L as TableControls
 };

package/dist/index13.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),m=require("mobx-react"),t=require("@veeqo/ui"),x=require("./index54.cjs"),g=require("./index25.cjs"),j=require("./index56.cjs"),p=m.observer(({filterData:i})=>{const{Filters:{filters:l,clearFilter:o,setFilter:d}}=j.useStores(),s=l.get(i.id),{filterLabel:a}=x.useFilterLabel({filterData:i}),[r,n]=c.useState(s||"");c.useEffect(()=>{r!==s&&n(s||"")},[i.id,s,l]);const u=()=>{o(i.id)},F=()=>{d(i.id,r)};return e.jsx(t.FilterTag,{shouldCloseOnClickAway:!0,header:e.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:a||"Loading...",content:e.jsx(t.BaseContainer,{style:{padding:t.theme.sizes.md},children:e.jsx(g.FilterField,{data:i,editedValue:r,setEditedValue:h=>n(h)})}),footer:e.jsx(t.BaseContainer,{style:{padding:t.theme.sizes.sm,width:"200px"},children:e.jsxs(t.Stack,{direction:"horizontal",alignX:"end",children:[e.jsx(t.Button,{variant:"default",size:"sm",onClick:u,children:"Clear"}),e.jsx(t.Button,{variant:"primary",size:"sm",onClick:F,children:"Apply"})]})})})});exports.ActiveFilterTag=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("@veeqo/ui"),n=require("mobx-react"),u=require("react"),a=require("./index56.cjs"),c=n.observer(()=>{const{Notifications:{toasts:e,removeByKey:t}}=a.useStores();return u.useEffect(()=>{if(e.length>0){const s=e[0],o=setTimeout(()=>{t(s.key)},2e3);return()=>clearTimeout(o)}},[e,t]),r.jsx(i.ToastsLayout,{max:10,minWidth:"",toasts:e,onClose:t})});exports.ToastsManager=c;