@quillsql/react 1.0.0

package/lib/contexts/RootStylesContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RootStylesContext: import("react").Context<string | undefined>;
+export default RootStylesContext;

package/lib/contexts/RootStylesContext.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+var RootStylesContext = createContext(undefined);
+export default RootStylesContext;
+//# sourceMappingURL=RootStylesContext.js.map

package/lib/contexts/RootStylesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootStylesContext.js","sourceRoot":"","sources":["../../src/contexts/RootStylesContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,IAAM,iBAAiB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAEvE,eAAe,iBAAiB,CAAC"}

package/lib/contexts/SelectedValueContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface SelectedValueContextValue {
+    selectedValue: any;
+    handleValueChange: ((value: any) => void) | undefined;
+}
+declare const SelectedValueContext: import("react").Context<SelectedValueContextValue>;
+export default SelectedValueContext;

package/lib/contexts/SelectedValueContext.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+var SelectedValueContext = createContext({
+    selectedValue: undefined,
+    handleValueChange: undefined,
+});
+export default SelectedValueContext;
+//# sourceMappingURL=SelectedValueContext.js.map

package/lib/contexts/SelectedValueContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedValueContext.js","sourceRoot":"","sources":["../../src/contexts/SelectedValueContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,IAAM,oBAAoB,GAAG,aAAa,CAA4B;IACpE,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,SAAS;CAC7B,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/lib/contexts/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BaseColorContext } from './BaseColorContext';
+export { default as HoveredValueContext } from './HoveredValueContext';
+export { default as RootStylesContext } from './RootStylesContext';
+export { default as SelectedValueContext } from './SelectedValueContext';

package/lib/contexts/index.js

@@ -0,0 +1,5 @@
+export { default as BaseColorContext } from './BaseColorContext';
+export { default as HoveredValueContext } from './HoveredValueContext';
+export { default as RootStylesContext } from './RootStylesContext';
+export { default as SelectedValueContext } from './SelectedValueContext';
+//# sourceMappingURL=index.js.map

package/lib/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useInternalState } from "./useInternalState";
+export { default as useOnClickOutside } from "./useOnClickOutside";
+export { default as useOnWindowResize } from "./useOnWindowResize";
+export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";

package/lib/hooks/index.js

@@ -0,0 +1,5 @@
+export { default as useInternalState } from "./useInternalState";
+export { default as useOnClickOutside } from "./useOnClickOutside";
+export { default as useOnWindowResize } from "./useOnWindowResize";
+export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/hooks/useInternalState.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useInternalState: <T>(defaultValueProp: T, valueProp: T) => [T, import("react").Dispatch<import("react").SetStateAction<T>>];
+export default useInternalState;

package/lib/hooks/useInternalState.js

@@ -0,0 +1,15 @@
+import { useState } from "react";
+var useInternalState = function (defaultValueProp, valueProp) {
+    var isControlled = valueProp !== undefined;
+    var _a = useState(defaultValueProp), valueState = _a[0], setValueState = _a[1];
+    var value = isControlled ? valueProp : valueState;
+    var setValue = function (nextValue) {
+        if (isControlled) {
+            return;
+        }
+        setValueState(nextValue);
+    };
+    return [value, setValue];
+};
+export default useInternalState;
+//# sourceMappingURL=useInternalState.js.map

package/lib/hooks/useInternalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInternalState.js","sourceRoot":"","sources":["../../src/hooks/useInternalState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,gBAAgB,GAAG,UAAK,gBAAmB,EAAE,SAAY;IAC7D,IAAM,YAAY,GAAG,SAAS,KAAK,SAAS,CAAC;IACvC,IAAA,KAA8B,QAAQ,CAAC,gBAAgB,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IAE/D,IAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IACpD,IAAM,QAAQ,GAAG,UAAC,SAAY;QAC5B,IAAI,YAAY,EAAE;YAChB,OAAO;SACR;QACD,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAiD,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useOnClickOutside: (ref: React.RefObject<HTMLDivElement>, handler: (event: any) => void) => void;
+export default useOnClickOutside;

package/lib/hooks/useOnClickOutside.js

@@ -0,0 +1,19 @@
+import { useEffect } from "react";
+var useOnClickOutside = function (ref, handler) {
+    useEffect(function () {
+        var listener = function (event) {
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener("mousedown", listener);
+        document.addEventListener("touchstart", listener);
+        return function () {
+            document.removeEventListener("mousedown", listener);
+            document.removeEventListener("touchstart", listener);
+        };
+    }, [ref, handler]);
+};
+export default useOnClickOutside;
+//# sourceMappingURL=useOnClickOutside.js.map

package/lib/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,IAAM,iBAAiB,GAAG,UACxB,GAAoC,EACpC,OAA+B;IAE/B,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,UAAC,KAAU;YAC1B,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACtD,OAAO;aACR;YACD,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAClD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/useOnWindowResize.d.ts

@@ -0,0 +1,4 @@
+declare const useOnWindowResize: (handler: {
+    (): void;
+}, initialWindowSize?: number) => void;
+export default useOnWindowResize;

package/lib/hooks/useOnWindowResize.js

@@ -0,0 +1,15 @@
+import { useEffect, useState } from "react";
+var useOnWindowResize = function (handler, initialWindowSize) {
+    var _a = useState(initialWindowSize), windowSize = _a[0], setWindowSize = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setWindowSize(window.innerWidth);
+            handler();
+        };
+        handleResize();
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, [handler, windowSize]);
+};
+export default useOnWindowResize;
+//# sourceMappingURL=useOnWindowResize.js.map

package/lib/hooks/useOnWindowResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.js","sourceRoot":"","sources":["../../src/hooks/useOnWindowResize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,IAAM,iBAAiB,GAAG,UAAC,OAAqB,EAAE,iBAA0B;IACpE,IAAA,KAA8B,QAAQ,CAAqB,iBAAiB,CAAC,EAA5E,UAAU,QAAA,EAAE,aAAa,QAAmD,CAAC;IACpF,SAAS,CAAC;QACR,IAAM,YAAY,GAAG;YACnB,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QACF,YAAY,EAAE,CAAC;QACf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEhD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAlD,CAAkD,CAAC;IAClE,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/useSelectOnKeyDown.d.ts

@@ -0,0 +1,2 @@
+declare const useSelectOnKeyDown: (onValueChange: (value: string) => void, optionValues: string[], isFocused: boolean, handleFocusChange: (isFocused: boolean) => void, value?: string) => [string | null | undefined, (e: React.KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => void];
+export default useSelectOnKeyDown;

package/lib/hooks/useSelectOnKeyDown.js

@@ -0,0 +1,64 @@
+import { useEffect, useState } from "react";
+var useSelectOnKeyDown = function (onValueChange, optionValues, isFocused, handleFocusChange, value) {
+    var NO_SELECTION_IDX = -1;
+    var _a = useState(NO_SELECTION_IDX), hoveredIdx = _a[0], setHoveredIdx = _a[1];
+    var getHoveredValue = function (hoveredIdx, optionValues) {
+        if (hoveredIdx < 0)
+            return undefined;
+        return optionValues[hoveredIdx];
+    };
+    useEffect(function () {
+        var getIndexOfSelectedValue = function () {
+            if (!isFocused) {
+                setHoveredIdx(NO_SELECTION_IDX);
+            }
+            if (!value)
+                return NO_SELECTION_IDX;
+            var indexOfValue = optionValues.indexOf(value);
+            return indexOfValue === -1 ? NO_SELECTION_IDX : indexOfValue;
+        };
+        setHoveredIdx(getIndexOfSelectedValue());
+    }, [value, isFocused]);
+    var hoveredValue = getHoveredValue(hoveredIdx, optionValues);
+    var getNextIdx = function () {
+        var nextIdx = hoveredIdx + 1;
+        return Math.min(nextIdx, optionValues.length - 1);
+    };
+    var getPrevIdx = function () {
+        var prevIdx = hoveredIdx - 1;
+        return Math.max(prevIdx, 0);
+    };
+    var handleKeyDown = function (e) {
+        if (!isFocused) {
+            return;
+        }
+        switch (e.key) {
+            case "ArrowUp": {
+                e.preventDefault();
+                setHoveredIdx(getPrevIdx());
+                break;
+            }
+            case "ArrowDown": {
+                e.preventDefault();
+                setHoveredIdx(getNextIdx());
+                break;
+            }
+            case "Enter": {
+                e.preventDefault();
+                if (hoveredValue) {
+                    onValueChange(hoveredValue);
+                }
+                break;
+            }
+            case "Escape": {
+                e.preventDefault();
+                handleFocusChange(false);
+                setHoveredIdx(NO_SELECTION_IDX);
+                break;
+            }
+        }
+    };
+    return [hoveredValue, handleKeyDown];
+};
+export default useSelectOnKeyDown;
+//# sourceMappingURL=useSelectOnKeyDown.js.map

package/lib/hooks/useSelectOnKeyDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectOnKeyDown.js","sourceRoot":"","sources":["../../src/hooks/useSelectOnKeyDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,IAAM,kBAAkB,GAAG,UACzB,aAAsC,EACtC,YAAsB,EACtB,SAAkB,EAClB,iBAA+C,EAC/C,KAAc;IAKd,IAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACtB,IAAA,KAA8B,QAAQ,CAAC,gBAAgB,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IAE/D,IAAM,eAAe,GAAG,UAAC,UAAkB,EAAE,YAAsB;QACjE,IAAI,UAAU,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QACrC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAM,uBAAuB,GAAG;YAC9B,IAAI,CAAC,SAAS,EAAE;gBACd,aAAa,CAAC,gBAAgB,CAAC,CAAC;aACjC;YACD,IAAI,CAAC,KAAK;gBAAE,OAAO,gBAAgB,CAAC;YACpC,IAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,OAAO,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/D,CAAC,CAAC;QAEF,aAAa,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAM,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAE/D,IAAM,UAAU,GAAG;QACjB,IAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,CAA0D;QAC/E,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,SAAS,CAAC,CAAC;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5B,MAAM;aACP;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5B,MAAM;aACP;YACD,KAAK,OAAO,CAAC,CAAC;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY,EAAE;oBAChB,aAAa,CAAC,YAAY,CAAC,CAAC;iBAC7B;gBACD,MAAM;aACP;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACzB,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBAChC,MAAM;aACP;SACF;IACH,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Dashboard } from './Dashboard';
+export { default as QuillProvider } from './QuillProvider';
+export { default as Chart } from './Chart';

package/lib/index.js

@@ -0,0 +1,5 @@
+// src/index.ts
+export { default as Dashboard } from './Dashboard';
+export { default as QuillProvider } from './QuillProvider';
+export { default as Chart } from './Chart';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/lib/lib/colorClassNames.d.ts

@@ -0,0 +1,19 @@
+export type ColorTypes = {
+    bgColor: string;
+    hoverBgColor: string;
+    textColor: string;
+    hoverTextColor: string;
+    borderColor: string;
+    hoverBorderColor: string;
+    ringRolor: string;
+    ringColor: string;
+    hoverRingColor: string;
+    divideColor: string;
+    outlineColor: string;
+    focusRingColor: string;
+};
+export declare const colorClassNames: {
+    [baseColor: string]: {
+        [colorVariant: string]: ColorTypes;
+    };
+};