@edvisor/product-language 0.10.53 → 0.11.1

package/lib/components/badge/badge.d.ts

@@ -1,5 +1,7 @@
 import { BadgeTypeProps } from './badge-type-flags';
 import { FC, PropsWithChildren } from '@helpers';
-declare type IBadgeProps = BadgeTypeProps & PropsWithChildren;
+declare type IBadgeProps = BadgeTypeProps & PropsWithChildren<{
+    className?: string;
+}>;
 export declare const Badge: FC<IBadgeProps>;
 export {};

package/lib/components/date-picker/date-picker.d.ts

@@ -1,4 +1,19 @@
 import { FC } from '@helpers';
 import { IDatePickerProps as IBaseProps, IDatePickerSlots } from './helpers/date-picker-factory';
 export declare type IDatePickerProps = IBaseProps<string>;
+/** did you know, if you need a DatePicker that takes something other than
+ * string dates, you can use the datePickerFactory? Just supply it with
+ * functions to and from your date representation, and an "empty" value for
+ * your type.
+ *
+ * For example, here's one that takes native Date objects
+ * ```
+export const DatePicker: FC<IBaseProps<Date>, IDatePickerSlots> = datePickerFactory({
+  toDate: (date) => date,
+  fromDate: (date) => date,
+  empty: (date) => date.getTime() === 0,
+})
+```
+ *
+ */
 export declare const DatePicker: FC<IDatePickerProps, IDatePickerSlots>;

package/lib/components/index.d.ts

@@ -24,5 +24,6 @@ export * from './modal';
 export * from './progress-bar';
 export * from './pagination';
 export * from './toast';
+export * from './table';
 export * from './molecules';
 export * from './organisms';

package/lib/components/molecules/index.d.ts

@@ -1,3 +1,4 @@
 export * from './avatar';
 export * from './button';
 export * from './input-checkbox';
+export * from './simple-menu';

package/lib/components/molecules/simple-menu/SimpleMenu.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const SimpleMenu: import("styled-components").StyledComponent<import("@helpers").FC<import("components/card").ICardProps, {
+    Section: typeof import("../../card/components").CardSectionSlot;
+    Controls: typeof import("../../card/components").CardControlsSlot;
+    HeadingAction: typeof import("../../card/components").CardHeadingActionSlot;
+    AlertBanner: typeof import("../../card/components").CardAlertBannerSlot;
+}>, any, {}, never>;
+export declare const SimpleMenuItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare function useSimpleMenuState(): {
+    isOpen: boolean;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+    clickOutsideRef: import("react").RefObject<HTMLDivElement>;
+};

package/lib/components/molecules/simple-menu/index.d.ts

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

package/lib/components/table/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useTable';
+export * from './useFilteredRows';
+export * from './usePaginatedRows';
+export * from './useSortedRows';

package/lib/components/table/hooks/useFilteredRows.d.ts

@@ -0,0 +1,5 @@
+export interface IFilter<D> {
+    fn?: string | ((el: D) => boolean);
+    mode?: 'fuzzy' | 'exact';
+}
+export declare function useFilteredRows<D>(data: D[], state: IFilter<D>): D[];

package/lib/components/table/hooks/usePaginatedRows.d.ts

@@ -0,0 +1,12 @@
+export interface IPagination {
+    pageIndex: number;
+    pageSize: number;
+}
+export declare function usePaginatedRows<D>(data: D[], pagination: IPagination): {
+    rows: D[];
+    pagination: {
+        pageIndex: number;
+        pageCount: number;
+        pageSize: number;
+    };
+};

package/lib/components/table/hooks/useSortedRows.d.ts

@@ -0,0 +1,6 @@
+export interface ISort<D> {
+    direction: 'ASC' | 'DESC' | 'NONE';
+    getter: (a: D) => D[keyof D];
+}
+/** runs the given rows through each of the sort functions */
+export declare function useSortedRows<D>(data: D[], sort: ISort<D>[]): D[];

package/lib/components/table/hooks/useTable.d.ts

@@ -0,0 +1,47 @@
+import { IPagination } from './usePaginatedRows';
+import { ISort } from './useSortedRows';
+import { IFilter } from './useFilteredRows';
+export interface IUseTableProps<D> {
+    data: D[];
+    initialState: IInitialTableState<D>;
+}
+export interface IUseTableResult<D> {
+    rows: D[];
+    allRows: D[];
+    goto: (pageIndex: number) => void;
+    sortBy: (sort: {
+        id: string;
+        getter: (el: D) => D[keyof D];
+    }) => void;
+    getSort: (id: string) => 'ASC' | 'DESC' | 'NONE';
+    filterBy: (filter: string | ((el: D) => boolean)) => void;
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+        pageCount: number;
+    };
+}
+export declare function useTable<D>(props: IUseTableProps<D>): IUseTableResult<D>;
+export interface ITableState<D> {
+    pagination: IPagination;
+    filter: IFilter<D>;
+    sort: (ISort<D> & {
+        id: string;
+    })[];
+}
+interface IInitialTableState<D> {
+    pagination?: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    filter?: {
+        fn: string | ((el: D) => boolean);
+        mode: 'fuzzy' | 'exact';
+    };
+    sort?: {
+        id: string;
+        getter: (a: D) => D[keyof D];
+        direction: 'ASC' | 'DESC';
+    }[];
+}
+export {};

package/lib/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table';
+export * from './hooks';

package/lib/components/table/table.d.ts

@@ -0,0 +1,28 @@
+import { FC } from '@helpers';
+import { HTMLAttributes } from 'react';
+export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const TBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
+export declare const TableHeaderFrame: import("styled-components").StyledComponent<"th", any, {}, never>;
+export interface ITHProps extends HTMLAttributes<HTMLTableCellElement> {
+    isPlaceholder?: boolean;
+    sort?: 'ASC' | 'DESC' | 'NONE';
+}
+declare type THSubComponents = {
+    Select: FC;
+    Actions: FC;
+};
+export declare const TH: FC<ITHProps, THSubComponents>;
+export interface ITDProps extends HTMLAttributes<HTMLTableCellElement> {
+    fitContent?: boolean;
+}
+declare type TDSubComponents = {
+    Select: FC;
+    Actions: FC;
+    Action: FC;
+};
+export declare const TD: FC<ITDProps, TDSubComponents>;
+export declare const TR: import("styled-components").StyledComponent<"tr", any, {
+    selected?: boolean | undefined;
+}, never>;
+export declare const THead: import("styled-components").StyledComponent<"thead", any, {}, never>;
+export {};

package/lib/helpers/index.d.ts

@@ -7,3 +7,4 @@ export * from './strings';
 export * from './isReactElementOfType';
 export * from './useInputElementState';
 export * from './useIsMobile';
+export * from './useClickOutside';

package/lib/helpers/safe-navigation.d.ts

@@ -3,7 +3,8 @@ import isString from 'lodash/isString.js';
 import isFunction from 'lodash/isFunction.js';
 import uniqueId from 'lodash/uniqueId.js';
 import debounce from 'lodash/debounce.js';
-export { first, isString, isFunction, uniqueId, debounce, };
+import isObject from 'lodash/isObject';
+export { first, isString, isFunction, uniqueId, debounce, isObject };
 /** even though we have null disabled in the repo,
  * I still would not want isNil to skip checking null
  * it is for juuuuust in case a third party sends us a null

package/lib/helpers/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function useOnClickOutside(handler: (event: Event) => void): React.RefObject<HTMLDivElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.10.53",
+  "version": "0.11.1",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",