@equisoft/design-elements-react 6.3.0 → 6.3.1-snapshot.20240528134705

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/ref/color-utility-tokens.d.ts

@@ -0,0 +1,6 @@
+export type ColorUtilityTokens = 'transparent-dark-5' | 'transparent-light-5' | 'transparent-dark-10' | 'transparent-light-10' | 'transparent-dark-15' | 'transparent-light-15' | 'transparent-dark-20' | 'transparent-light-20' | 'transparent-dark-25' | 'transparent-light-25' | 'transparent-dark-30' | 'transparent-light-30' | 'transparent-dark-35' | 'transparent-light-35' | 'transparent-dark-40' | 'transparent-light-40' | 'transparent-dark-45' | 'transparent-light-45' | 'transparent-dark-50' | 'transparent-light-50' | 'transparent-dark-55' | 'transparent-light-55' | 'transparent-dark-60' | 'transparent-light-60' | 'transparent-dark-65' | 'transparent-light-65' | 'transparent-dark-70' | 'transparent-light-70' | 'transparent-dark-75' | 'transparent-light-75' | 'transparent-dark-80' | 'transparent-light-80' | 'transparent-dark-85' | 'transparent-light-85' | 'transparent-dark-90' | 'transparent-light-90' | 'transparent-dark-95' | 'transparent-light-95' | '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-10' | 'color-brand-20' | 'color-brand-30' | 'color-brand-40' | 'color-brand-50' | 'color-brand-60' | 'color-brand-70' | 'color-brand-80' | 'color-brand-90' | 'color-accent-05' | 'color-accent-10' | 'color-accent-20' | 'color-accent-30' | 'color-accent-40' | 'color-accent-50' | 'color-accent-60' | 'color-accent-70' | 'color-accent-80' | 'color-accent-90' | 'color-white' | 'color-black' | 'color-neutral-02' | 'color-neutral-05' | 'color-neutral-10' | 'color-neutral-15' | 'color-neutral-20' | 'color-neutral-30' | 'color-neutral-40' | 'color-neutral-50' | 'color-neutral-60' | 'color-neutral-65' | 'color-neutral-70' | 'color-neutral-80' | 'color-neutral-90' | 'color-success-02' | 'color-success-05' | 'color-success-10' | 'color-success-20' | 'color-success-30' | 'color-success-40' | 'color-success-50' | 'color-success-60' | 'color-success-70' | 'color-success-80' | 'color-success-90' | 'color-alert-02' | 'color-alert-05' | 'color-alert-10' | 'color-alert-20' | 'color-alert-30' | 'color-alert-40' | 'color-alert-50' | 'color-alert-60' | 'color-alert-70' | 'color-alert-80' | 'color-alert-90' | 'color-warning-02' | 'color-warning-05' | 'color-warning-10' | 'color-warning-20' | 'color-warning-30' | 'color-warning-40' | 'color-warning-50' | 'color-warning-60' | 'color-warning-70' | 'color-warning-80' | 'color-warning-90' | 'color-informative-02' | 'color-informative-05' | 'color-informative-10' | 'color-informative-20' | 'color-informative-30' | 'color-informative-40' | 'color-informative-50' | 'color-informative-60' | 'color-informative-70' | 'color-informative-80' | 'color-informative-90' | 'color-discovery-02' | 'color-discovery-05' | 'color-discovery-10' | 'color-discovery-20' | 'color-discovery-30' | 'color-discovery-40' | 'color-discovery-50' | 'color-discovery-60' | 'color-discovery-70' | 'color-discovery-80' | 'color-discovery-90' | 'color-decorative-01-05' | 'color-decorative-01-10' | 'color-decorative-01-50' | 'color-decorative-01-70' | 'color-decorative-02-05' | 'color-decorative-02-10' | 'color-decorative-02-50' | 'color-decorative-02-70' | 'color-decorative-03-05' | 'color-decorative-03-10' | 'color-decorative-03-50' | 'color-decorative-03-70' | 'color-decorative-04-05' | 'color-decorative-04-10' | 'color-decorative-04-50' | 'color-decorative-04-70' | 'color-decorative-05-05' | 'color-decorative-05-10' | 'color-decorative-05-50' | 'color-decorative-05-70' | 'color-decorative-06-05' | 'color-decorative-06-10' | 'color-decorative-06-50' | 'color-decorative-06-70' | 'color-decorative-07-05' | 'color-decorative-07-10' | 'color-decorative-07-50' | 'color-decorative-07-70' | 'color-decorative-08-05' | 'color-decorative-08-10' | 'color-decorative-08-50' | 'color-decorative-08-70' | 'color-decorative-09-05' | 'color-decorative-09-10' | 'color-decorative-09-50' | 'color-decorative-09-70' | 'color-decorative-10-05' | 'color-decorative-10-10' | 'color-decorative-10-50' | 'color-decorative-10-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,10 @@
+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;
+export declare function isRefToken(token: string): token is RefTokens;

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,13 @@
-import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import { Theme } from '../themes';
+import { FlattenSimpleInterpolation } from 'styled-components';
+import { ResolvedTheme } from '../themes/theme';
+type FocusType = 'focus' | 'focus-visible' | 'focus-within';
+export interface FocusOptions {
+    selector?: string;
+    focusType?: FocusType;
+    inverted?: boolean;
+    insideOnly?: boolean;
+}
 export declare const focus: ({ theme }: {
-    theme: Theme;
-}, hasBorder?: boolean, selector?: string | undefined, inset?: boolean) => string;
-export declare const focusVisibleReset: (_props: {
-    theme: Theme;
-}, hasBorder?: boolean) => FlattenInterpolation<ThemeProps<Theme>>;
+    theme: ResolvedTheme;
+}, options?: FocusOptions) => FlattenSimpleInterpolation;
+export {};

package/dist/utils/dev-console.d.ts

@@ -0,0 +1,3 @@
+type DevConsole = Pick<Console, 'log' | 'info' | 'warn' | 'error'>;
+export declare const devConsole: DevConsole;
+export {};

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.3.0",
+  "version": "6.3.1-snapshot.20240528134705",
   "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": {
@@ -49,11 +49,11 @@
     "styled-components": ">= 4"
   },
   "devDependencies": {
-    "@equisoft/eslint-config": "^3.0.3",
-    "@equisoft/eslint-config-typescript-react": "^3.0.3",
-    "@equisoft/typescript-config": "^2.0.0",
-    "@microsoft/eslint-formatter-sarif": "^3.0.0",
-    "@svgr/webpack": "^8.0.0",
+    "@equisoft/eslint-config": "3.0.6",
+    "@equisoft/eslint-config-typescript-react": "3.0.6",
+    "@equisoft/typescript-config": "2.0.0",
+    "@microsoft/eslint-formatter-sarif": "3.1.0",
+    "@svgr/webpack": "^8.1.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/cheerio": "^0.22.31",
@@ -62,25 +62,24 @@
     "@types/jest": "^29.5.1",
     "@types/lodash": "^4.14.186",
     "@types/react": "~17.0.58",
-    "@types/react-datepicker": "^4.11.2",
+    "@types/react-datepicker": "^6.0.0",
     "@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.11.0",
+    "@typescript-eslint/parser": "7.11.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
+    "css-loader": "^7.0.0",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "~3.6.2",
-    "eslint": "^8.39.0",
-    "eslint-import-resolver-node": "^0.3.7",
-    "eslint-import-resolver-typescript": "^3.5.5",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "8.57.0",
+    "eslint-import-resolver-node": "0.3.9",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "6.8.0",
+    "eslint-plugin-react": "7.34.2",
+    "eslint-plugin-react-hooks": "4.6.2",
     "expect": "^29.5.0",
     "i18next": "^23.0.0",
     "jest": "^29.5.0",
@@ -88,21 +87,21 @@
     "jest-junit": "^16.0.0",
     "jest-styled-components": "^7.1.1",
     "react": "~17.0.2",
-    "react-docgen-typescript-plugin": "^1.0.5",
+    "react-docgen-typescript-plugin": "1.0.6",
     "react-dom": "~17.0.2",
-    "react-router-dom": "~6.21.0",
-    "sass": "~1.69.0",
-    "sass-loader": "~13.3.0",
-    "style-loader": "^3.3.2",
+    "react-router-dom": "~6.23.0",
+    "sass": "~1.77.0",
+    "sass-loader": "~14.2.0",
+    "style-loader": "^4.0.0",
     "styled-components": "^5.3.10",
-    "stylelint": "^15.10.1",
+    "stylelint": "16.6.1",
     "ts-jest": "^29.1.0",
     "ts-loader": "^9.4.2",
     "ts-mockito": "^2.6.1",
-    "typescript": "~5.3.0",
-    "webpack": "^5.81.0",
-    "webpack-cli": "^5.0.2",
-    "webpack-merge": "^5.8.0",
-    "yargs": "^17.7.2"
+    "typescript": "5.4.5",
+    "webpack": "5.91.0",
+    "webpack-cli": "5.1.4",
+    "webpack-merge": "5.10.0",
+    "yargs": "17.7.2"
   }
 }

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'];