@maxio-com/self-service 1.0.2

package/package.json

@@ -0,0 +1,186 @@
+{
+  "name": "@maxio-com/self-service",
+  "packageManager": "pnpm@7.0.1",
+  "main": "dist/maxio-components.cjs.js",
+  "module": "dist/maxio-components.esm.js",
+  "browser": "dist/maxio-components.umd.js",
+  "types": "typings/sdk/components-sdk/src/index.d.ts",
+  "version": "1.0.2",
+  "scripts": {
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "prettier": "prettier --write '{sdk,packages}/**/*.{js,ts,tsx,json}'",
+    "commit": "npx git-cz",
+    "clean": "npx rimraf dist",
+    "build": "pnpm run clean && pnpm run build:browser && pnpm run build:modules",
+    "build:modules": "npx rollup --configPlugin @rollup/plugin-typescript --config rollup.config.ts",
+    "build:browser": "npx webpack --config webpack.browser.js",
+    "dpdm": "npx dpdm packages/**/**/*.{ts,tsx} -T --exit-code circular:1 --no-warning --no-tree",
+    "lint": "eslint --quiet --ext .ts --ext .tsx packages/ sdk/",
+    "release": "npx semantic-release"
+  },
+  "files": [
+    "dist",
+    "typings",
+    "package.json"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.19.1",
+    "@babel/plugin-transform-runtime": "^7.19.1",
+    "@babel/preset-env": "^7.19.1",
+    "@babel/preset-react": "^7.18.6",
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
+    "@mdx-js/react": "^1.6.22",
+    "@quickbaseoss/babel-plugin-styled-components-css-namespace": "^1.0.1",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-replace": "^4.0.0",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^9.0.1",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-docs": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/builder-webpack5": "^6.5.12",
+    "@storybook/manager-webpack5": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^29.0.3",
+    "@types/node": "^17.0.45",
+    "@types/testing-library__jest-dom": "^5.14.5",
+    "@typescript-eslint/eslint-plugin": "^5.37.0",
+    "@typescript-eslint/parser": "^5.37.0",
+    "@xstate/inspect": "^0.5.2",
+    "babel-loader": "^8.2.2",
+    "babel-plugin-styled-components": "2.0.2",
+    "browserslist": "^4.21.4",
+    "commitizen": "^4.2.5",
+    "csstype": "^3.1.1",
+    "dpdm": "^3.10.0",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "git-cz": "^4.7.6",
+    "husky": "^7.0.2",
+    "isomorphic-fetch": "^3.0.0",
+    "jest": "^29.0.3",
+    "jest-circus": "^29.0.3",
+    "jest-environment-jsdom": "^29.0.3",
+    "jest-fetch-mock": "^3.0.3",
+    "jest-styled-components": "^7.1.1",
+    "lint-staged": "^11.1.2",
+    "mockdate": "^3.0.5",
+    "msw": "^0.36.7",
+    "prettier": "^2.4.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.79.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-progress": "^1.1.2",
+    "rollup-plugin-typescript2": "^0.32.1",
+    "semantic-release": "^19.0.3",
+    "semantic-release-cli": "^5.4.4",
+    "styled-components": "^5.3.5",
+    "styled-system": "^5.1.5",
+    "ts-dedent": "^2.2.0",
+    "ts-jest": "^29.0.1",
+    "ts-loader": "^9.3.1",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
+    "tslib": "^2.4.0",
+    "ttypescript": "^1.5.13",
+    "typescript": "^4.8.3",
+    "typescript-transform-paths": "^3.3.1",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.9.2"
+  },
+  "dependencies": {
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/runtime": "^7.19.0",
+    "@fortawesome/fontawesome-svg-core": "^6.2.0",
+    "@fortawesome/free-regular-svg-icons": "^6.2.0",
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
+    "@fortawesome/react-fontawesome": "^0.1.19",
+    "@styled-system/theme-get": "^5.1.2",
+    "@tippyjs/react": "^4.2.6",
+    "@types/file-saver": "^2.0.5",
+    "@types/react": "^18.0.20",
+    "@types/react-calendar": "^3.5.2",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-helmet": "^6.1.5",
+    "@types/react-responsive": "^8.0.5",
+    "@types/react-table": "^7.7.10",
+    "@types/styled-components": "^5.1.26",
+    "@types/styled-system": "^5.1.13",
+    "@types/uuid": "^8.3.4",
+    "@types/yup": "^0.29.13",
+    "@xstate/react": "^3.0.1",
+    "camelcase": "^6.3.0",
+    "camelcase-keys": "^7.0.1",
+    "dayjs": "^1.11.5",
+    "deepmerge": "^4.2.2",
+    "file-saver": "^2.0.5",
+    "framer-motion": "^7.3.5",
+    "history": "^5.3.0",
+    "i18next": "^21.9.1",
+    "i18next-http-backend": "^1.3.1",
+    "js-logger": "^1.6.1",
+    "jwt-decode": "^3.1.2",
+    "polished": "^4.1.3",
+    "print-js": "^1.6.0",
+    "query-string": "^7.1.1",
+    "react-calendar": "^3.8.0",
+    "react-fit": "^1.4.0",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "^11.18.6",
+    "react-intersection-observer": "^8.33.1",
+    "react-responsive": "^8.0.0",
+    "react-router-dom": "^6.2.2",
+    "react-table": "^7.7.0",
+    "snakecase-keys": "^5.4.4",
+    "styled-system": "^5",
+    "tippy.js": "^6.3.7",
+    "type-fest": "^2.19.0",
+    "uuid": "^8.3.2",
+    "xstate": "^4.33.6",
+    "yup": "^0.32.11"
+  },
+  "peerDependencies": {
+    "framer-motion": "^7",
+    "react": "^18",
+    "react-dom": "^18",
+    "styled-components": "^5"
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "pnpm run dpdm",
+      "pnpm run prettier",
+      "eslint --fix",
+      "git add *"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/typings/packages/address/index.d.ts

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

package/typings/packages/address/src/components/SelectField/SelectField.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SelectOptionType } from "../../../../custom-ui-components/src";
+declare type SelectFieldProps = {
+    value: string | number;
+    label: string;
+    name: string;
+    options: SelectOptionType[];
+    error?: string;
+    required?: boolean;
+    placeholder?: string;
+    onChange: (value: string | number) => void;
+    onValidateField: (value: string | number) => void;
+    isLoadingOptions?: boolean;
+    selectOptionLabel: string;
+    searchLabel: string;
+};
+declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, }: SelectFieldProps) => JSX.Element;
+export default SelectField;

package/typings/packages/address/src/components/SelectField/SelectField.styles.d.ts

@@ -0,0 +1,5 @@
+import { MarginProps } from 'styled-system';
+import { InputMessageType } from "../../../../custom-ui-components/src";
+export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {
+    type: InputMessageType;
+} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/address/src/components/SelectField/index.d.ts

@@ -0,0 +1,2 @@
+import SelectField from './SelectField';
+export default SelectField;

package/typings/packages/address/src/components/index.d.ts

@@ -0,0 +1,2 @@
+import SelectField from './SelectField';
+export { SelectField };

package/typings/packages/address/src/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const NO_STATE_OPTION: {
+    name: string;
+    code: string;
+};

package/typings/packages/address/src/containers/Address/Address.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { AddressFields, FieldError } from '../../types';
+import { AddressTranslations, Format } from './types';
+declare type AddressProps = {
+    values: AddressFields;
+    requiredFields?: string[];
+    format?: Format;
+    onChange: (name: keyof AddressFields, value: string) => void;
+    errors?: {
+        [key in keyof AddressFields]?: FieldError;
+    };
+    onValidateField?: (name: keyof AddressFields, value: string | number) => void;
+    translations?: AddressTranslations;
+};
+declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, }: AddressProps) => JSX.Element;
+export default Address;

package/typings/packages/address/src/containers/Address/index.d.ts

@@ -0,0 +1,4 @@
+import Address from './Address';
+import { AddressTranslations } from './types';
+export default Address;
+export type { AddressTranslations };

package/typings/packages/address/src/containers/Address/translations.d.ts

@@ -0,0 +1,2 @@
+import { AddressTranslations } from './types';
+export declare const defaultTranslations: AddressTranslations;

package/typings/packages/address/src/containers/Address/types.d.ts

@@ -0,0 +1,43 @@
+export declare type AddressTranslations = {
+    address: {
+        label: string;
+        placeholder: string;
+    };
+    address2: {
+        label: string;
+        placeholder: string;
+    };
+    city: {
+        label: string;
+        placeholder: string;
+    };
+    state: {
+        label: string;
+        placeholder: string;
+    };
+    country: {
+        label: string;
+        placeholder: string;
+    };
+    zip: {
+        label: string;
+        placeholder: string;
+    };
+    postalCode: {
+        label: string;
+        placeholder: string;
+    };
+    region: {
+        label: string;
+        placeholder: string;
+    };
+    error: {
+        invalid: string;
+        required: string;
+    };
+    input: {
+        selectOptionLabel: string;
+        searchLabel: string;
+    };
+};
+export declare type Format = 'international' | 'us';

package/typings/packages/address/src/containers/Address/utils.ts/formatOptions.d.ts

@@ -0,0 +1,5 @@
+import { Division } from "../../../../../data-access/src";
+export declare const formatOptions: (options: Division[]) => {
+    label: string;
+    value: string;
+}[];

package/typings/packages/address/src/containers/Address/utils.ts/index.d.ts

@@ -0,0 +1,2 @@
+import { formatOptions } from './formatOptions';
+export { formatOptions };

package/typings/packages/address/src/containers/index.d.ts

@@ -0,0 +1,4 @@
+import Address from './Address';
+import type { AddressTranslations } from './Address';
+export { Address };
+export type { AddressTranslations };

package/typings/packages/address/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import { useFormatAddress } from './useFormatAddress';
+export { useFormatAddress };

package/typings/packages/address/src/hooks/useFormatAddress.d.ts

@@ -0,0 +1,2 @@
+import { AddressFields } from '../types';
+export declare const useFormatAddress: (address: AddressFields) => AddressFields;

package/typings/packages/address/src/index.d.ts

@@ -0,0 +1,9 @@
+import { Address } from './containers';
+import type { AddressTranslations } from './containers';
+import { createAddressValidationSchema } from './utils';
+import type { AddressFields } from './types';
+import { addressMachine, addressSelectors } from './machines';
+import { NO_STATE_OPTION } from './constants';
+import { useFormatAddress } from './hooks';
+export { useFormatAddress, Address, createAddressValidationSchema, addressSelectors, addressMachine, NO_STATE_OPTION, };
+export type { AddressFields, AddressTranslations };

package/typings/packages/address/src/machines/address/address.d.ts

@@ -0,0 +1,7 @@
+import { Context, Events } from './types';
+export declare const initialContext: Context;
+declare const addressMachine: import("xstate").StateMachine<Context, any, Events, {
+    value: any;
+    context: Context;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export { addressMachine };

package/typings/packages/address/src/machines/address/index.d.ts

@@ -0,0 +1,3 @@
+import { addressMachine } from './address';
+import { addressSelectors } from './selectors';
+export { addressMachine, addressSelectors };

package/typings/packages/address/src/machines/address/selectors.d.ts

@@ -0,0 +1,24 @@
+import { State } from 'xstate';
+import { Division } from "../../../../data-access/src";
+import { addressMachine } from './address';
+declare type AddressMachine = typeof addressMachine;
+declare type AddressState = State<AddressMachine['context']>;
+export declare const getCountries: (machineState: AddressState) => {
+    items: Division[];
+    isLoading: boolean;
+};
+export declare const getSubdivisions: (machineState: AddressState) => {
+    items: Division[];
+    isLoading: boolean;
+};
+export declare const addressSelectors: {
+    getCountries: (machineState: AddressState) => {
+        items: Division[];
+        isLoading: boolean;
+    };
+    getSubdivisions: (machineState: AddressState) => {
+        items: Division[];
+        isLoading: boolean;
+    };
+};
+export {};

package/typings/packages/address/src/machines/address/types.d.ts

@@ -0,0 +1,11 @@
+import { Division } from "../../../../data-access/src";
+export declare type Context = {
+    countries: Division[];
+    subdivisions: Division[];
+};
+export declare type Events = {
+    type: 'FETCH_COUNTRY';
+} | {
+    type: 'FETCH_SUBDIVISION';
+    country: string;
+};

package/typings/packages/address/src/machines/index.d.ts

@@ -0,0 +1,2 @@
+import { addressMachine, addressSelectors } from './address';
+export { addressMachine, addressSelectors };

package/typings/packages/address/src/types.d.ts

@@ -0,0 +1,9 @@
+export declare type AddressFields = {
+    address: string;
+    address2: string;
+    city: string;
+    state: string;
+    country: string;
+    zip: string;
+};
+export declare type FieldError = 'required' | 'invalid';

package/typings/packages/address/src/utils/createValidationSchema.d.ts

@@ -0,0 +1,17 @@
+import * as yup from 'yup';
+declare const createAddressValidationSchema: (requiredFields?: string[]) => import("yup/lib/object").OptionalObjectSchema<{
+    address: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    address2: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    city: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    state: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    country: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    zip: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+}, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<{
+    address: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    address2: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    city: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    state: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    country: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    zip: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+}>>;
+export default createAddressValidationSchema;

package/typings/packages/address/src/utils/index.d.ts

@@ -0,0 +1,2 @@
+import createAddressValidationSchema from './createValidationSchema';
+export { createAddressValidationSchema };

package/typings/packages/billing-history/index.d.ts

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

package/typings/packages/billing-history/src/App.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ComponentSettings } from './types';
+declare const App: ({ visibleColumns, itemsPerPage, paginationVariant, enableFiltering, }: ComponentSettings) => JSX.Element;
+export default App;

package/typings/packages/billing-history/src/BillingHistory.d.ts

@@ -0,0 +1,7 @@
+import { EmbeddableComponent, ComponentOptions } from "../../embeddable-component/src";
+import type { ComponentSettings } from './types';
+declare class BillingHistory extends EmbeddableComponent {
+    constructor({ i18n, componentsTheme, sessionManager, dataAccess, }: ComponentOptions);
+    render(container: string | HTMLElement, componentSettings?: ComponentSettings): void;
+}
+export default BillingHistory;

package/typings/packages/billing-history/src/components/BillingHistoryLoader/BillingHistoryLoader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const BillingHistoryLoader: () => JSX.Element;
+export default BillingHistoryLoader;

package/typings/packages/billing-history/src/components/BillingHistoryLoader/BillingHistoryLoader.styles.d.ts

@@ -0,0 +1,2 @@
+import { JustifyContentProps, PaddingProps } from 'styled-system';
+export declare const SkeletonWrapper: import("styled-components").StyledComponent<"div", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/billing-history/src/components/BillingHistoryLoader/index.d.ts

@@ -0,0 +1,2 @@
+import BillingHistoryLoader from './BillingHistoryLoader';
+export default BillingHistoryLoader;

package/typings/packages/billing-history/src/components/Filters/Filters.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FilterValue, FilterType, FiltersSettings } from '../../machines/billingFilters';
+import { DateFilterTabType } from '../../machines/billingFilters/types';
+export declare type FiltersProps = {
+    isOpen: boolean;
+    isFilteringApplied: boolean;
+    onUpdateFilter: (filter: FilterType, value: FilterValue) => void;
+    onClear: () => void;
+    onApply: () => void;
+    filtersSettings: FiltersSettings;
+    onToggleFilters: () => void;
+    onCloseFilters: () => void;
+    onToggleSection: (sectionName: FilterType) => void;
+    filtersSections: Record<FilterType, boolean>;
+    onDateTypeChange: (dateType: DateFilterTabType) => void;
+};
+declare const Filters: ({ filtersSettings, filtersSections, isOpen, isFilteringApplied, onUpdateFilter, onToggleFilters, onToggleSection, onApply, onClear, onDateTypeChange, onCloseFilters, }: FiltersProps) => JSX.Element;
+export default Filters;

package/typings/packages/billing-history/src/components/Filters/Filters.styles.d.ts

@@ -0,0 +1,3 @@
+declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CardWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export { Wrapper, CardWrapper };

package/typings/packages/billing-history/src/components/Filters/components/DateFilter/DateFilter.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { FilterBoxProps } from '../FilterBox/FilterBox';
+import { DateFilterType } from '../../../../machines/billingFilters';
+export interface DateFilterProps extends Omit<FilterBoxProps, 'children'> {
+    values?: DateFilterType;
+    onChange?: (filter: DateFilterType) => void;
+    onTabChange: (tab: string) => void;
+    portalContainer: RefObject<HTMLElement>;
+}
+export declare const DateFilter: ({ onChange, values, onClick, header, isExpanded, portalContainer, onTabChange, }: DateFilterProps) => JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/DateFilter/DateFilter.styles.d.ts

@@ -0,0 +1,2 @@
+import { GridProps } from 'styled-system';
+export declare const CalendarContainer: import("styled-components").StyledComponent<"div", any, GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/billing-history/src/components/Filters/components/DateFilter/index.d.ts

@@ -0,0 +1,2 @@
+import { DateFilter } from './DateFilter';
+export default DateFilter;

package/typings/packages/billing-history/src/components/Filters/components/FilterBox/FilterBox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface FilterBoxProps {
+    children: React.ReactNode;
+    isExpanded: boolean;
+    onClick: () => void;
+    header: string;
+}
+export declare const FilterBox: ({ children, isExpanded, onClick, header, }: FilterBoxProps) => JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/FilterBox/FilterBox.styles.d.ts

@@ -0,0 +1 @@
+export declare const FilterBoxList: import("styled-components").StyledComponent<"div", any, import("styled-system").MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/billing-history/src/components/Filters/components/FilterBox/index.d.ts

@@ -0,0 +1,4 @@
+import { FilterBox } from './FilterBox';
+import type { FilterBoxProps } from './FilterBox';
+export type { FilterBoxProps };
+export default FilterBox;

package/typings/packages/billing-history/src/components/Filters/components/FiltersWrapper/FiltersWrapper.d.ts

@@ -0,0 +1 @@
+export declare const FiltersWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/billing-history/src/components/Filters/components/InvoiceNumberFilter/InvoiceNumberFilter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FilterBoxProps } from '../FilterBox';
+export interface InvoiceNumberFilterProps extends Omit<FilterBoxProps, 'children'> {
+    onChange: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+}
+export declare const InvoiceNumberFilter: ({ onChange, placeholder, value, ...rest }: InvoiceNumberFilterProps) => JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/InvoiceNumberFilter/index.d.ts

@@ -0,0 +1,2 @@
+import { InvoiceNumberFilter } from './InvoiceNumberFilter';
+export default InvoiceNumberFilter;

package/typings/packages/billing-history/src/components/Filters/components/ProductNameFilter/ProductNameFilter.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FilterBoxProps } from '../FilterBox';
+import { Product } from '../../../../models/billingHistory/billingHistory';
+export interface ProductNameFilterProps extends Omit<FilterBoxProps, 'children'> {
+    onChange: (values: number[]) => void;
+    placeholder?: string;
+    showSearch?: boolean;
+    values?: number[];
+    products: Product[];
+}
+export declare const ProductNameFilter: ({ onChange, placeholder, values, showSearch, products, ...rest }: ProductNameFilterProps) => JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/ProductNameFilter/index.d.ts

@@ -0,0 +1,2 @@
+import { ProductNameFilter } from './ProductNameFilter';
+export default ProductNameFilter;

package/typings/packages/billing-history/src/components/Filters/components/StatusFilter/StatusFilter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FilterBoxProps } from '../FilterBox/FilterBox';
+import { InvoiceStatus } from '../../../../models/billingHistory/billingHistory';
+export interface StatusFilterProps extends Omit<FilterBoxProps, 'children'> {
+    values: InvoiceStatus[];
+    onChange: (status: InvoiceStatus[]) => void;
+}
+export declare const StatusFilter: ({ onChange, values, onClick, header, isExpanded, }: StatusFilterProps) => JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/StatusFilter/index.d.ts

@@ -0,0 +1,2 @@
+import { StatusFilter } from './StatusFilter';
+export default StatusFilter;

package/typings/packages/billing-history/src/components/Filters/components/index.d.ts

@@ -0,0 +1,6 @@
+import { StatusFilter } from './StatusFilter/StatusFilter';
+import { FiltersWrapper } from './FiltersWrapper/FiltersWrapper';
+import InvoiceNumberFilter from './InvoiceNumberFilter';
+import ProductNameFilter from './ProductNameFilter';
+import DateFilter from './DateFilter';
+export { InvoiceNumberFilter, ProductNameFilter, FiltersWrapper, StatusFilter, DateFilter, };

package/typings/packages/billing-history/src/components/Filters/constants.d.ts

@@ -0,0 +1,3 @@
+import { InvoiceStatus } from '../../models/billingHistory/billingHistory';
+export declare const statuses: Readonly<InvoiceStatus[]>;
+export declare const FILTERS_WIDTH = 220;

package/typings/packages/billing-history/src/components/Filters/index.d.ts

@@ -0,0 +1,2 @@
+import Filters from './Filters';
+export default Filters;

package/typings/packages/billing-history/src/components/Filters/motion.d.ts

@@ -0,0 +1,18 @@
+export declare const dropIn: {
+    hidden: {
+        y: string;
+        opacity: number;
+    };
+    visible: {
+        y: string;
+        opacity: number;
+        transition: {
+            type: string;
+            duration: number;
+        };
+    };
+    exit: {
+        y: string;
+        opacity: number;
+    };
+};

package/typings/packages/billing-history/src/components/Filters/types.d.ts

@@ -0,0 +1,10 @@
+import { FilterDate } from '../../machines/billingHistoryData/types';
+import { InvoiceStatus } from '../../models/billingHistory/billingHistory';
+export interface FiltersValues {
+    status: InvoiceStatus[];
+    invoiceNumber: string;
+    productIds: number[];
+    dateField: FilterDate;
+    startDate: Date;
+    endDate: Date;
+}