@equisoft/design-elements-react 6.1.2 → 6.1.3-snapshot.20240325201019

package/dist/themes/tokens/component-tokens.d.ts

@@ -0,0 +1,49 @@
+import { AliasTokens } from './alias-tokens';
+import { AvatarTokens } from './component/avatar-tokens';
+import { BentoMenuButtonTokens } from './component/bento-menu-button-tokens';
+import { ButtonTokens } from './component/button-tokens';
+import { CardLinkTokens } from './component/card-link-tokens';
+import { CardTokens } from './component/card-tokens';
+import { DropdownMenuTokens } from './component/dropdown-menu-tokens';
+import { ExternalLinkTokens } from './component/external-link-tokens';
+import { FocusTokens } from './component/focus-tokens';
+import { GlobalHeaderTokens } from './component/global-header-tokens';
+import { HeadingTokens } from './component/heading-tokens';
+import { LabelTokens } from './component/label-tokens';
+import { LegendTokens } from './component/legend-tokens';
+import { LozengeTokens } from './component/lozenge-tokens';
+import { NavListTokens } from './component/nav-list-tokens';
+import { NavListItemTokens } from './component/nav-list-item-tokens';
+import { PaginationTokens } from './component/pagination-tokens';
+import { ProgressCircleTokens } from './component/progress-circle-tokens';
+import { ProgressIndicatorTokens } from './component/progress-indicator-tokens';
+import { ProgressTrackerTokens } from './component/progress-tracker-tokens';
+import { RouteLinkTokens } from './component/route-link-tokens';
+import { SideDrawerTokens } from './component/side-drawer-tokens';
+import { SkipLinkTokens } from './component/skip-link-tokens';
+import { SortButtonIconTokens } from './component/sort-button-icon-tokens';
+import { TableTokens } from './component/table-tokens';
+import { RefTokens, RefTokenValue } from './ref-tokens';
+import { BadgeTokens } from './component/badge-tokens';
+import { GlobalBannerTokens } from './component/global-banner-tokens';
+import { SectionalBannerTokens } from './component/sectional-banner-tokens';
+import { SpinnerTokens } from './component/spinner-tokens';
+import { StatusTokens } from './component/status-tokens';
+import { TagTokens } from './component/tag-tokens';
+import { ToastContainerTokens } from './component/toast-container-tokens';
+import { AccordionTokens } from './component/accordion-tokens';
+import { CarouselTokens } from './component/carousel-tokens';
+import { ModalTokens } from './component/modal-tokens';
+import { TooltipTokens } from './component/tooltip-tokens';
+import { ToggleTipTokens } from './component/toggletip-tokens';
+import { TabTokens } from './component/tab-tokens';
+export type ComponentTokens = AvatarTokens | BentoMenuButtonTokens | ButtonTokens | CardLinkTokens | ExternalLinkTokens | FocusTokens | HeadingTokens | LabelTokens | LegendTokens | NavListTokens | NavListItemTokens | PaginationTokens | ProgressCircleTokens | ProgressIndicatorTokens | ProgressTrackerTokens | RouteLinkTokens | SkipLinkTokens | BadgeTokens | GlobalBannerTokens | SectionalBannerTokens | SpinnerTokens | StatusTokens | TagTokens | ToastContainerTokens | AccordionTokens | CarouselTokens | ModalTokens | TooltipTokens | ToggleTipTokens | SideDrawerTokens | GlobalHeaderTokens | CardTokens | SortButtonIconTokens | TableTokens | DropdownMenuTokens | TabTokens | LozengeTokens;
+export type ComponentTokenValue = AliasTokens | RefTokens;
+export type ComponentTokenMap = {
+    [Token in ComponentTokens]: ComponentTokenValue;
+};
+export declare const defaultComponentTokens: ComponentTokenMap;
+export type ResolvedComponentTokenValue = RefTokenValue;
+export type ResolvedComponentTokens = {
+    [Token in ComponentTokens]: ResolvedComponentTokenValue;
+};

package/dist/themes/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ref-tokens';
+export * from './alias-tokens';
+export * from './component-tokens';

package/dist/themes/tokens/legacy-tokens.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedTheme } from '../theme';
+export declare const defaultMain: ResolvedTheme['main'];
+export declare const defaultGreys: ResolvedTheme['greys'];
+export declare const defaultNotifications: ResolvedTheme['notifications'];
+export declare const defaultTokens: ResolvedTheme['tokens'];

package/dist/themes/tokens/ref/color-utility-tokens.d.ts

@@ -0,0 +1,6 @@
+export type ColorUtilityTokens = 'transparent-10' | 'transparent-20' | 'transparent-30' | 'transparent-40' | 'transparent-50' | 'transparent-60' | 'transparent-70' | 'transparent-80' | 'transparent-90' | 'transparent-100';
+export type ColorUtilityValue = string;
+export type ColorUtilityTokenMap = {
+    [Token in ColorUtilityTokens]: ColorUtilityValue;
+};
+export declare const defaultColorUtilityTokens: ColorUtilityTokenMap;

package/dist/themes/tokens/ref/palette-tokens.d.ts

@@ -0,0 +1,6 @@
+export type PaletteTokens = 'color-brand-05' | 'color-brand-20' | 'color-brand-50' | 'color-brand-70' | 'color-brand-80' | 'color-accent-20' | 'color-accent-50' | 'color-accent-70' | 'color-white' | 'color-black' | 'color-neutral-02' | 'color-neutral-05' | 'color-neutral-15' | 'color-neutral-30' | 'color-neutral-50' | 'color-neutral-65' | 'color-neutral-80' | 'color-neutral-90' | 'color-alert-02' | 'color-alert-05' | 'color-alert-20' | 'color-alert-50' | 'color-alert-70' | 'color-informative-02' | 'color-informative-05' | 'color-informative-20' | 'color-informative-50' | 'color-informative-70' | 'color-success-02' | 'color-success-05' | 'color-success-20' | 'color-success-50' | 'color-success-70' | 'color-warning-02' | 'color-warning-05' | 'color-warning-20' | 'color-warning-50' | 'color-warning-60' | 'color-warning-70' | 'color-warning-80' | 'color-discovery-02' | 'color-discovery-05' | 'color-discovery-20' | 'color-discovery-50' | 'color-discovery-70';
+export type PaletteValue = string;
+export type PaletteTokenMap = {
+    [Token in PaletteTokens]: PaletteValue;
+};
+export declare const defaultPaletteTokens: PaletteTokenMap;

package/dist/themes/tokens/ref/text-attributes-tokens.d.ts

@@ -0,0 +1,6 @@
+export type TextAttributeTokens = 'font-weight-bold';
+export type TextAttributeValue = string;
+export type TextAttributeTokenMap = {
+    [Token in TextAttributeTokens]: TextAttributeValue;
+};
+export declare const defaultTextAttributeTokens: TextAttributeTokenMap;

package/dist/themes/tokens/ref-tokens.d.ts

@@ -0,0 +1,9 @@
+import { ColorUtilityTokens, ColorUtilityValue } from './ref/color-utility-tokens';
+import { PaletteTokens, PaletteValue } from './ref/palette-tokens';
+import { TextAttributeTokens, TextAttributeValue } from './ref/text-attributes-tokens';
+export type RefTokenValue = PaletteValue | TextAttributeValue | ColorUtilityValue;
+export type RefTokens = PaletteTokens | TextAttributeTokens | ColorUtilityTokens;
+export type RefTokenMap = {
+    [Token in RefTokens]: RefTokenValue;
+};
+export declare const defaultRefTokens: RefTokenMap;

package/dist/utility-types.d.ts

@@ -0,0 +1 @@
+export type NoSelfReference<T, U extends string> = T extends U ? never : T;

package/dist/utils/array.d.ts

@@ -1,3 +1,14 @@
-export declare function getNextElementInArray<T>(array: T[], index: number): T | undefined;
-export declare function getPreviousElementInArray<T>(array: T[], index: number): T | undefined;
+type Predicate<T> = (item: T) => boolean;
+type FindOptions = {
+    wrapAround?: boolean;
+};
+export declare function getFirstElement<T>(array: T[]): T | undefined;
+export declare function findFirstElement<T>(array: T[], predicate: Predicate<T>): T | undefined;
+export declare function getLastElement<T>(array: T[]): T | undefined;
+export declare function findLastElement<T>(array: T[], predicate: Predicate<T>): T | undefined;
+export declare function getPreviousElement<T>(array: T[], currentIndex: number, { wrapAround }?: FindOptions): T | undefined;
+export declare function findPreviousElement<T>(array: T[], currentIndex: number, predicate: Predicate<T>, { wrapAround }?: FindOptions): T | undefined;
+export declare function getNextElement<T>(array: T[], currentIndex: number, { wrapAround }?: FindOptions): T | undefined;
+export declare function findNextElement<T>(array: T[], currentIndex: number, predicate: Predicate<T>, { wrapAround }?: FindOptions): T | undefined;
 export declare function unique<T>(list: T[]): T[];
+export {};

package/dist/utils/css-state.d.ts

@@ -1,8 +1,8 @@
 import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import { Theme } from '../themes';
+import { ResolvedTheme } from '../themes/theme';
 export declare const focus: ({ theme }: {
-    theme: Theme;
+    theme: ResolvedTheme;
 }, hasBorder?: boolean, selector?: string | undefined, inset?: boolean) => string;
 export declare const focusVisibleReset: (_props: {
-    theme: Theme;
-}, hasBorder?: boolean) => FlattenInterpolation<ThemeProps<Theme>>;
+    theme: ResolvedTheme;
+}, hasBorder?: boolean) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;

package/dist/utils/dom.d.ts

@@ -1 +1,2 @@
 export declare function getRootDocument(element: Element | null): DocumentOrShadowRoot | null;
+export declare function sanitizeId(id: string): string;

package/dist/utils/dom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/string.d.ts

@@ -1 +1,2 @@
 export declare function allSameLetter(text: string): boolean;
+export declare function stripDiacritics(input: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "6.1.2",
+  "version": "6.1.3-snapshot.20240325201019",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",
@@ -29,16 +29,16 @@
     "url": "https://github.com/kronostechnologies/design-elements/issues"
   },
   "dependencies": {
+    "@tanstack/react-table": "^8.10.7",
     "date-fns": "^3.0.0",
     "feather-icons": "^4.29.0",
     "prop-types": "^15.8.1",
-    "react-datepicker": "^4.11.0",
+    "react-datepicker": "^6.0.0",
     "react-is": "~17.0.2",
     "react-modal": "^3.16.1",
     "react-popper-tooltip": "^4.4.2",
     "react-shadow": "^20.0.0",
     "react-swipeable": "~7.0.0",
-    "react-table": "^7.8.0",
     "stream-browserify": "^3.0.0"
   },
   "peerDependencies": {
@@ -65,10 +65,9 @@
     "@types/react-datepicker": "^4.11.2",
     "@types/react-dom": "~17.0.20",
     "@types/react-modal": "^3.16.0",
-    "@types/react-table": "^7.7.14",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "cross-env": "^7.0.3",
     "css-loader": "^6.7.3",
@@ -90,12 +89,12 @@
     "react": "~17.0.2",
     "react-docgen-typescript-plugin": "^1.0.5",
     "react-dom": "~17.0.2",
-    "react-router-dom": "~6.21.0",
-    "sass": "~1.69.0",
-    "sass-loader": "~13.3.0",
+    "react-router-dom": "~6.22.0",
+    "sass": "~1.71.0",
+    "sass-loader": "~14.1.0",
     "style-loader": "^3.3.2",
     "styled-components": "^5.3.10",
-    "stylelint": "^15.10.1",
+    "stylelint": "^16.2.1",
     "ts-jest": "^29.1.0",
     "ts-loader": "^9.4.2",
     "ts-mockito": "^2.6.1",

package/dist/components/option-button/option-button.d.ts

@@ -1,10 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-interface OptionButtonProps {
-    checked?: boolean;
-    className?: string;
-    label: string;
-    name: string;
-    value: number;
-}
-export declare const OptionButton: VoidFunctionComponent<OptionButtonProps>;
-export {};

package/dist/components/table/sortable-column-heading.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement } from 'react';
-import { HeaderGroup } from 'react-table';
-interface SortableColumnHeadingProps<T extends object = {}> {
-    header: HeaderGroup<T>;
-}
-export declare const SortableColumnHeading: <T extends object>({ header }: SortableColumnHeadingProps<T>) => ReactElement;
-export {};

package/dist/themes/greys.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const greys: Theme['greys'];

package/dist/themes/main.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const main: Theme['main'];

package/dist/themes/notifications.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const notifications: Theme['notifications'];

package/dist/themes/test-theme.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const testTheme: Theme;

package/dist/themes/tokens.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const tokens: Theme['tokens'];