@quillsql/react 2.10.38 → 2.11.0

package/dist/esm/components/UiComponents.js

@@ -83,7 +83,7 @@ export const MemoizedSecondaryButton = ({ label, onClick }) => {
       background-color: rgba(56, 65, 81, 0.09);
     }` }), label] }));
 };
-export const MemoizedSelect = ({ value, onChange, options, disabled = false, label, }) => {
+export const MemoizedSelect = ({ value, onChange, options, disabled = false, style = {}, }) => {
     const [theme] = useContext(ThemeContext);
     return (_jsxs("div", { style: {
             position: 'relative',
@@ -94,13 +94,22 @@ export const MemoizedSelect = ({ value, onChange, options, disabled = false, lab
         height: 42px;
         color: #384151;
         width: 206px;
+        max-width: 206px;
        border: 1px solid #e7e7e7;
        border-radius: 6px;
        text-align: left;
        box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
        padding-left: 12px;
        padding-right: 12px;
-    }` }), _jsx("select", { style: { WebkitAppearance: 'none', fontFamily: theme?.fontFamily }, className: "quill-select", value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: options.map((option) => (_jsx("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), _jsx(ArrowDownHeadIcon, { style: {
+    }` }), _jsx("select", { style: {
+                    WebkitAppearance: 'none',
+                    fontFamily: theme?.fontFamily,
+                    paddingRight: 30,
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    ...style,
+                }, className: "quill-select", value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: options.map((option) => (_jsx("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), _jsx(ArrowDownHeadIcon, { style: {
                     height: '20px',
                     width: '20px',
                     flex: 'none',
@@ -125,6 +134,42 @@ export const MemoizedLabel = ({ children }) => (_jsx("h1", { style: {
         userSelect: 'none',
         paddingBottom: 5,
     }, children: children }));
+export const MemoizedCheckbox = ({ checked, onChange, style = {}, ...props }) => (_jsx("input", { type: "checkbox", checked: checked, onChange: () => onChange(!checked), style: { width: '14px', height: '14px', margin: 'auto 0', ...style }, ...props }));
+export const MemoizedTabs = ({ defaultValue, options, onValueChange }) => (_jsx("div", { style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderRadius: '0.25rem',
+        outlineStyle: 'none',
+        background: '#F9FAFB',
+    }, children: options.map(({ label, value }) => (_jsx("button", { onClick: () => onValueChange(value), style: {
+            borderRadius: '0.25rem',
+            borderWidth: '1px',
+            outlineStyle: 'none',
+            transitionProperty: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform',
+            transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+            transitionDuration: ['300ms', '300ms'],
+            borderColor: '#e7e7e7',
+            margin: '0px',
+            paddingTop: '0.375rem',
+            paddingBottom: '0.375rem',
+            paddingLeft: '0.75rem',
+            paddingRight: '0.75rem',
+            color: '12px',
+            ...(value === defaultValue
+                ? {
+                    fontWeight: 700,
+                    backgroundColor: '#ffffff',
+                    boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+                    color: '#212121',
+                    borderColor: '#e7e7e7',
+                }
+                : {
+                    borderColor: 'transparent',
+                    fontWeight: 500,
+                    backgroundColor: 'transparent',
+                    color: '#606572',
+                }),
+        }, children: label }))) }));
 export const MemoizedText = ({ children }) => (_jsx("p", { style: {
         fontSize: 12,
         fontWeight: 400,

package/dist/esm/utils/crypto.d.ts

@@ -1,2 +1,2 @@
-export declare function hashCode(s: string): number;
+export declare function hashCode(obj: any): number;
 //# sourceMappingURL=crypto.d.ts.map

package/dist/esm/utils/crypto.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crypto.d.ts","sourceRoot":"","sources":["../../../src/utils/crypto.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,UAKjC"}
+{"version":3,"file":"crypto.d.ts","sourceRoot":"","sources":["../../../src/utils/crypto.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,UAShC"}

package/dist/esm/utils/crypto.js

@@ -1,6 +1,10 @@
-export function hashCode(s) {
-    return s.split('').reduce(function (a, b) {
-        a = (a << 5) - a + b.charCodeAt(0);
-        return a & a;
-    }, 0);
+export function hashCode(obj) {
+    const serializedObj = JSON.stringify(obj);
+    let hashCode = 0;
+    for (let i = 0; i < serializedObj.length; i++) {
+        const char = serializedObj.charCodeAt(i);
+        hashCode = (hashCode << 5) - hashCode + char;
+        hashCode |= 0;
+    }
+    return hashCode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "2.10.38",
+  "version": "2.11.0",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",