@economic/taco 1.1.7 → 1.1.9-alpha.1

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+export declare type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete';
+export declare type State = 'default' | 'success' | 'error' | 'warning' | 'information';
+export declare type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';
+export declare type Orientation = 'horizontal' | 'vertical';
+export declare type Placement = 'right' | 'left' | 'top' | 'bottom';

package/dist/utils/date.d.ts

@@ -0,0 +1,3 @@
+export declare const format: (date: Date | undefined, mask?: string) => string | undefined;
+export declare const parseFromCustomString: (date?: string, mask?: string) => Date | undefined;
+export declare const parseFromISOString: (date: string) => Date | undefined;

package/dist/utils/hooks/useBoundingClientRectListener.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useBoundingClientRectListener: (ref: React.RefObject<HTMLElement>) => DOMRectReadOnly | undefined;

package/dist/utils/hooks/useDraggable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useDraggable: (ref: React.MutableRefObject<HTMLDivElement | null>) => any;

package/dist/utils/hooks/useDropTarget.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type useDropTarget = [boolean, (undefined | {
+    onDragEnter: React.DragEventHandler;
+    onDragLeave: React.DragEventHandler;
+    onDragOver: React.DragEventHandler;
+    onDrop: React.DragEventHandler;
+})];
+export declare const useDropTarget: (onDrop: React.DragEventHandler | undefined) => useDropTarget;

package/dist/utils/hooks/useListKeyboardNavigation.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Orientation } from '../../types';
+export declare const getNextIndexFromKeycode: (keyCode: number, length: number, index: number | undefined, direction?: Orientation) => number | undefined;
+export declare type useListKeyboardNavigationOptions = {
+    direction?: Orientation;
+    initialIndex?: number;
+};
+export declare const useListKeyboardNavigation: (length?: number, options?: useListKeyboardNavigationOptions) => [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined];

package/dist/utils/hooks/useListScrollTo.d.ts

@@ -0,0 +1 @@
+export declare const useListScrollTo: (internalRef: any, itemRefs: any[]) => any;

package/dist/utils/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useOnClickOutside: (ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[], callback: (event: MouseEvent | TouchEvent) => void) => void;

package/dist/utils/hooks/useProxiedRef.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useProxiedRef: <T extends HTMLElement>(ref: React.Ref<HTMLElement>) => React.RefObject<T>;

package/dist/utils/hooks/useRefState.d.ts

@@ -0,0 +1 @@
+export declare const useRefState: <T>(initialValue: T) => [T, (value: T) => void];

package/dist/utils/hooks/useTimer.d.ts

@@ -0,0 +1,7 @@
+export interface Timer {
+    running: boolean;
+    start: () => void;
+    pause: () => void;
+    resume: () => void;
+}
+export default function useTimer(duration: number | undefined, callback: () => void): Timer;

package/dist/utils/input.d.ts

@@ -0,0 +1,3 @@
+export declare const createCustomEvent: (eventType: string) => any;
+export declare const createCustomKeyboardEvent: (event: React.KeyboardEvent<HTMLInputElement>) => any;
+export declare const setInputValueByRef: (input: HTMLInputElement | null, value: string | undefined, event?: string) => void;

package/dist/utils/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;

package/dist/utils/storyutils.d.ts

@@ -0,0 +1,7 @@
+import sort from 'fast-sort';
+export declare const createFakeData: (creator: any, ...length: any[]) => any[];
+export declare const getRandomNumber: (max: any, min?: number) => number;
+export declare const iconNames: string[];
+export declare const generateId: () => string;
+export declare const sleep: (ms: number) => Promise<unknown>;
+export { sort };

package/dist/utils/taillwind.d.ts

@@ -0,0 +1,4 @@
+import { State, Appearance } from '../types';
+export declare const getAppearanceClasses: (value: Appearance | undefined) => string;
+export declare const getStateClasses: (value: State | undefined) => string;
+export declare const getOutlineClasses: (state: Appearance | State | undefined) => string;

package/dist/utils/tailwind.d.ts

@@ -0,0 +1 @@
+export declare const getInputStateClasses: (state?: import("..").RowIndexPath) => string | false;

package/package.json

@@ -1,132 +1,130 @@
-{
-    "name": "@economic/taco",
-    "version": "1.1.7",
-    "description": "> TODO: description",
-    "author": "Matt Daly <matthew.daly@visma.com>",
-    "homepage": "https://github.com/e-conomic/taco#readme",
-    "license": "MIT",
-    "main": "dist/index.js",
-    "module": "dist/esm/index.js",
-    "sideEffects": false,
-    "types": "dist/index.d.ts",
-    "directories": {
-        "dist": "dist",
-        "test": "__tests__"
-    },
-    "files": [
-        "dist",
-        "plugins",
-        "tailwind.config.js",
-        "types.json"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/e-conomic/taco.git"
-    },
-    "scripts": {
-        "watch": "tsdx watch",
-        "build": "tsdx build",
-        "postbuild": "npm run generate-typedoc",
-        "lint": "eslint src",
-        "test": "tsdx test",
-        "test:watch": "tsdx test --watch",
-        "generate-typedoc": "node scripts/generate-typedoc",
-        "generate-icons": "node scripts/generate-icons",
-        "storybook-build": "build-storybook -o build-storybook --quiet",
-        "storybook": "start-storybook -p 6006 --no-open"
-    },
-    "bugs": {
-        "url": "https://github.com/e-conomic/taco/issues"
-    },
-    "dependencies": {
-        "@economic/taco-tokens": "^1.0.1",
-        "@radix-ui/react-accordion": "^0.1.6",
-        "@radix-ui/react-checkbox": "^0.1.5",
-        "@radix-ui/react-dialog": "^0.1.7",
-        "@radix-ui/react-dropdown-menu": "^0.1.6",
-        "@radix-ui/react-hover-card": "^0.1.5",
-        "@radix-ui/react-popover": "^0.1.6",
-        "@radix-ui/react-radio-group": "^0.1.5",
-        "@radix-ui/react-switch": "^0.1.5",
-        "@radix-ui/react-tabs": "^0.1.5",
-        "@radix-ui/react-tooltip": "0.1.6",
-        "@radix-ui/react-use-controllable-state": "^0.1.0",
-        "@react-aria/focus": "^3.2.3",
-        "@react-aria/interactions": "^3.3.2",
-        "classnames": "^2.2.6",
-        "date-fns": "^2.14.0",
-        "framer-motion": "^5.5.6",
-        "keycode": "^2.2.0",
-        "lodash-es": "4.17.21",
-        "react-day-picker": "^7.4.8",
-        "react-intersection-observer": "^8.31.1",
-        "react-joyride": "^2.1.1",
-        "react-table": "^7.5.0",
-        "react-window": "^1.8.5",
-        "react-window-infinite-loader": "^1.0.7",
-        "typeface-open-sans": "^0.0.75",
-        "uuid": "^8.1.0"
-    },
-    "peerDependencies": {
-        "react": ">=17",
-        "react-dom": ">=17",
-        "tailwindcss": ">=3"
-    },
-    "devDependencies": {
-        "@svgr/cli": "^5.5.0",
-        "@testing-library/dom": "^7.31.0",
-        "@testing-library/jest-dom": "^5.11.4",
-        "@testing-library/react": "^11.1.0",
-        "@testing-library/user-event": "^12.1.10",
-        "@types/classnames": "^2.2.9",
-        "@types/lodash": "^4.14.168",
-        "@types/react": "^17.0.35",
-        "@types/react-dom": "^17.0.11",
-        "@types/react-table": "^7.0.19",
-        "@types/react-window": "^1.8.2",
-        "@types/react-window-infinite-loader": "^1.0.3",
-        "@types/uuid": "^7.0.3",
-        "autoprefixer": "^10.4.0",
-        "fast-sort": "^2.2.0",
-        "identity-obj-proxy": "^3.0.0",
-        "lodash.flatten": "^4.4.0",
-        "mutationobserver-shim": "^0.3.7",
-        "namor": "^2.0.3",
-        "postcss": "^8.3.11",
-        "postcss-nested": "^4.2.3",
-        "react-dom": "^17.0.2",
-        "resize-observer-polyfill": "^1.5.1",
-        "rimraf": "^3.0.2",
-        "rollup-plugin-commonjs": "^10.1.0",
-        "rollup-plugin-peer-deps-external": "^2.2.4",
-        "rollup-plugin-postcss": "^4.0.2",
-        "svgo": "^1.3.2",
-        "tailwindcss": "^3.0.1",
-        "tsdx": "^0.13.2",
-        "typedoc": "0.18.0",
-        "typescript": "^4.4.4"
-    },
-    "jest": {
-        "moduleNameMapper": {
-            "\\.css$": "identity-obj-proxy"
-        }
-    },
-    "browserslist": {
-        "development": [
-            "last 2 chrome versions",
-            "last 2 firefox versions",
-            "last 2 edge versions",
-            "not ie < 11"
-        ],
-        "production": [
-            ">1%",
-            "last 4 versions",
-            "Firefox ESR",
-            "not ie < 11"
-        ]
-    },
-    "gitHead": "26f511f86eaa461d42256508bc52acfe7f022d9d"
-}
+{
+    "name": "@economic/taco",
+    "version": "1.1.9-alpha.1",
+    "description": "> TODO: description",
+    "author": "Matt Daly <matthew.daly@visma.com>",
+    "homepage": "https://github.com/e-conomic/taco#readme",
+    "license": "MIT",
+    "main": "dist/index.js",
+    "module": "dist/esm/index.js",
+    "sideEffects": false,
+    "types": "dist/index.d.ts",
+    "directories": {
+        "dist": "dist",
+        "test": "__tests__"
+    },
+    "files": [
+        "dist",
+        "plugins",
+        "tailwind.config.js",
+        "types.json"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/e-conomic/taco.git"
+    },
+    "scripts": {
+        "watch": "tsdx watch",
+        "build": "tsdx build",
+        "postbuild": "npm run generate-typedoc",
+        "lint": "eslint src",
+        "test": "tsdx test",
+        "test:watch": "tsdx test --watch",
+        "generate-typedoc": "node scripts/generate-typedoc",
+        "generate-icons": "node scripts/generate-icons",
+        "storybook-build": "build-storybook -o build-storybook --quiet",
+        "storybook": "start-storybook -p 6006 --no-open"
+    },
+    "bugs": {
+        "url": "https://github.com/e-conomic/taco/issues"
+    },
+    "dependencies": {
+        "@economic/taco-tokens": "^1.0.2",
+        "@radix-ui/react-accordion": "^0.1.6",
+        "@radix-ui/react-checkbox": "^0.1.5",
+        "@radix-ui/react-dialog": "^0.1.7",
+        "@radix-ui/react-dropdown-menu": "^0.1.6",
+        "@radix-ui/react-hover-card": "^0.1.5",
+        "@radix-ui/react-popover": "^0.1.6",
+        "@radix-ui/react-radio-group": "^0.1.5",
+        "@radix-ui/react-switch": "^0.1.5",
+        "@radix-ui/react-tabs": "^0.1.5",
+        "@radix-ui/react-tooltip": "0.1.6",
+        "@radix-ui/react-use-controllable-state": "^0.1.0",
+        "@react-aria/focus": "^3.2.3",
+        "@react-aria/interactions": "^3.3.2",
+        "classnames": "^2.3.1",
+        "date-fns": "^2.14.0",
+        "framer-motion": "^5.5.6",
+        "keycode": "^2.2.0",
+        "lodash-es": "4.17.21",
+        "react-day-picker": "^7.4.8",
+        "react-intersection-observer": "^8.31.1",
+        "react-joyride": "^2.1.1",
+        "react-table": "^7.5.0",
+        "react-window": "^1.8.5",
+        "react-window-infinite-loader": "^1.0.7",
+        "typeface-open-sans": "^0.0.75",
+        "uuid": "^8.1.0"
+    },
+    "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17",
+        "tailwindcss": ">=3"
+    },
+    "devDependencies": {
+        "@svgr/cli": "^5.5.0",
+        "@testing-library/dom": "^7.31.0",
+        "@testing-library/jest-dom": "^5.11.4",
+        "@testing-library/react": "^11.1.0",
+        "@testing-library/user-event": "^12.1.10",
+        "@types/lodash": "^4.14.168",
+        "@types/react": "^17.0.35",
+        "@types/react-dom": "^17.0.11",
+        "@types/react-table": "^7.0.19",
+        "@types/react-window": "^1.8.2",
+        "@types/react-window-infinite-loader": "^1.0.3",
+        "@types/uuid": "^7.0.3",
+        "autoprefixer": "^10.4.0",
+        "fast-sort": "^2.2.0",
+        "identity-obj-proxy": "^3.0.0",
+        "lodash.flatten": "^4.4.0",
+        "mutationobserver-shim": "^0.3.7",
+        "namor": "^2.0.3",
+        "postcss": "^8.3.11",
+        "postcss-nested": "^4.2.3",
+        "react-dom": "^17.0.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "rimraf": "^3.0.2",
+        "rollup-plugin-commonjs": "^10.1.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "svgo": "^1.3.2",
+        "tailwindcss": "^3.0.1",
+        "tsdx": "^0.13.2",
+        "typedoc": "0.18.0",
+        "typescript": "^4.4.4"
+    },
+    "jest": {
+        "moduleNameMapper": {
+            "\\.css$": "identity-obj-proxy"
+        }
+    },
+    "browserslist": {
+        "development": [
+            "last 2 chrome versions",
+            "last 2 firefox versions",
+            "last 2 edge versions",
+            "not ie < 11"
+        ],
+        "production": [
+            ">1%",
+            "last 4 versions",
+            "Firefox ESR",
+            "not ie < 11"
+        ]
+    }
+}

package/tailwind.config.js

@@ -1,5 +1,6 @@
 const tokens = require('@economic/taco-tokens').default;
 const plugin = require('tailwindcss/plugin');
+const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
     theme: {
@@ -31,6 +32,10 @@ module.exports = {
                 md: '64rem',
                 lg: '80rem',
             },
+            screens: {
+                xs: '375px',
+                ...defaultTheme.screens,
+            },
         },
     },
     plugins: [

package/types.json

@@ -2383,7 +2383,7 @@
                     "constraint": {
                         "type": "reflection",
                         "declaration": {
-                            "id": 1327,
+                            "id": 1328,
                             "name": "__type",
                             "kind": 65536,
                             "kindString": "Type literal",
@@ -3432,6 +3432,12 @@
                         "returnValue": "void"
                     }
                 },
+                {
+                    "description": "The scroll distance from the element scrollTop value.",
+                    "name": "scrollOffset",
+                    "optional": true,
+                    "type": "number"
+                },
                 {
                     "name": "spotlightClicks",
                     "optional": true,