@quillsql/react 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/example/src/App.tsx +2 -3
  2. package/lib/BarList.js +19 -16
  3. package/lib/BarList.js.map +1 -1
  4. package/lib/Chart.d.ts +4 -2
  5. package/lib/Chart.js +65 -27
  6. package/lib/Chart.js.map +1 -1
  7. package/lib/Dashboard.js +13 -10
  8. package/lib/Dashboard.js.map +1 -1
  9. package/lib/DateRangePicker/Calendar.d.ts +2 -1
  10. package/lib/DateRangePicker/Calendar.js +31 -11
  11. package/lib/DateRangePicker/Calendar.js.map +1 -1
  12. package/lib/DateRangePicker/DateRangePicker.d.ts +1 -0
  13. package/lib/DateRangePicker/DateRangePicker.js +4 -4
  14. package/lib/DateRangePicker/DateRangePicker.js.map +1 -1
  15. package/lib/DateRangePicker/DateRangePickerButton.d.ts +2 -1
  16. package/lib/DateRangePicker/DateRangePickerButton.js +22 -4
  17. package/lib/DateRangePicker/DateRangePickerButton.js.map +1 -1
  18. package/lib/PieChart.js +14 -9
  19. package/lib/PieChart.js.map +1 -1
  20. package/lib/components/Dropdown/Dropdown.d.ts +1 -0
  21. package/lib/components/Dropdown/Dropdown.js +10 -5
  22. package/lib/components/Dropdown/Dropdown.js.map +1 -1
  23. package/lib/components/Dropdown/DropdownItem.d.ts +1 -0
  24. package/lib/components/Dropdown/DropdownItem.js +19 -3
  25. package/lib/components/Dropdown/DropdownItem.js.map +1 -1
  26. package/lib/components/Modal/Modal.js +1 -1
  27. package/lib/components/Modal/Modal.js.map +1 -1
  28. package/lib/lib/colorClassNames.js +3094 -3094
  29. package/lib/lib/colorClassNames.js.map +1 -1
  30. package/lib/lib/constants.d.ts +1 -1
  31. package/lib/lib/constants.js +36 -36
  32. package/lib/lib/constants.js.map +1 -1
  33. package/lib/lib/font.js +9 -9
  34. package/lib/lib/font.js.map +1 -1
  35. package/lib/lib/hexColors.js +25 -25
  36. package/lib/lib/index.d.ts +10 -10
  37. package/lib/lib/index.js +10 -10
  38. package/lib/lib/inputTypes.d.ts +4 -4
  39. package/lib/lib/inputTypes.js +50 -31
  40. package/lib/lib/inputTypes.js.map +1 -1
  41. package/lib/lib/shape.js +49 -49
  42. package/lib/lib/shape.js.map +1 -1
  43. package/lib/lib/sizing.js +20 -20
  44. package/lib/lib/sizing.js.map +1 -1
  45. package/lib/lib/spacing.js +238 -238
  46. package/lib/lib/spacing.js.map +1 -1
  47. package/lib/styles.css +12915 -9139
  48. package/package.json +4 -2
  49. package/prefix-classnames.js +50 -0
  50. package/src/BarList.tsx +71 -45
  51. package/src/Chart.tsx +97 -34
  52. package/src/Dashboard.tsx +14 -10
  53. package/src/DateRangePicker/Calendar.tsx +49 -16
  54. package/src/DateRangePicker/DateRangePicker.tsx +12 -3
  55. package/src/DateRangePicker/DateRangePickerButton.tsx +31 -7
  56. package/src/PieChart.tsx +22 -14
  57. package/src/components/Dropdown/Dropdown.tsx +15 -6
  58. package/src/components/Dropdown/DropdownItem.tsx +22 -5
  59. package/src/components/Modal/Modal.tsx +2 -2
  60. package/src/lib/colorClassNames.ts +3094 -3094
  61. package/src/lib/constants.ts +43 -37
  62. package/src/lib/font.ts +9 -9
  63. package/src/lib/hexColors.ts +25 -25
  64. package/src/lib/index.ts +10 -10
  65. package/src/lib/inputTypes.ts +54 -35
  66. package/src/lib/shape.ts +49 -49
  67. package/src/lib/sizing.ts +20 -20
  68. package/src/lib/spacing.ts +238 -238
  69. package/tailwind.config.js +1 -1
package/src/components/Dropdown/DropdownItem.tsx CHANGED
@@ -18,11 +18,12 @@ export interface DropdownItemProps
18
18
  value: string;
19
19
  text?: string;
20
20
  icon?: React.ElementType;
21
+ theme: any;
21
22
  }
22
23
 
23
24
  const DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(
24
25
  (props, ref) => {
25
- const { value, text, icon, className, ...other } = props;
26
+ const { value, text, icon, className, theme, ...other } = props;
26
27
  const { selectedValue, handleValueChange } =
27
28
  useContext(SelectedValueContext);
28
29
  const { hoveredValue } = useContext(HoveredValueContext);
@@ -42,15 +43,26 @@ const DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(
42
43
  return (
43
44
  <button
44
45
  ref={ref}
46
+ style={{
47
+ // borderColor: theme.borderColor || '#E5E7EB',
48
+ borderStyle: 'solid',
49
+ borderBottomWidth: 1,
50
+ borderBottomColor: theme?.borderColor || '#E5E7EB',
51
+ background: theme?.backgroundColor || 'white',
52
+ borderTop: 'none',
53
+ borderRight: 'none',
54
+ borderLeft: 'none',
55
+ cursor: 'pointer',
56
+ }}
45
57
  type="button"
46
58
  onClick={() => handleValueChange?.(value)}
47
59
  className={twMerge(
48
60
  makeDropdownItemClassName('root'),
49
- 'flex items-center justify-start w-full truncate',
61
+ 'qq-flex qq-items-center qq-justify-start qq-w-full qq-truncate',
50
62
  spacing.twoXl.paddingX,
51
63
  spacing.md.paddingY,
52
64
  fontSize.sm,
53
- bgColor,
65
+ // bgColor,
54
66
  textColor,
55
67
  className
56
68
  )}
@@ -60,7 +72,7 @@ const DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(
60
72
  <Icon
61
73
  className={twMerge(
62
74
  makeDropdownItemClassName('icon'),
63
- 'flex-none',
75
+ 'qq-flex-none',
64
76
  sizing.lg.height,
65
77
  sizing.lg.width,
66
78
  spacing.lg.marginRight,
@@ -71,9 +83,14 @@ const DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(
71
83
  />
72
84
  ) : null}
73
85
  <p
86
+ style={{
87
+ margin: 0,
88
+ fontFamily: theme?.fontFamily,
89
+ color: theme?.primaryTextColor,
90
+ }}
74
91
  className={twMerge(
75
92
  makeDropdownItemClassName('text'),
76
- 'text-sm whitespace-nowrap truncate'
93
+ 'qq-text-sm qq-whitespace-nowrap qq-truncate'
77
94
  )}
78
95
  >
79
96
  {text ?? value}
package/src/components/Modal/Modal.tsx CHANGED
@@ -88,8 +88,8 @@ const Modal = React.forwardRef<HTMLDivElement, ModalProps>((props, ref) => {
88
88
  <div
89
89
  ref={mergeRefs([modalRef, ref])}
90
90
  className={twMerge(
91
- 'absolute z-10 divide-y overflow-y-auto',
92
- width ? '' : 'w-full',
91
+ 'qq-absolute qq-z-10 qq-divide-y qq-overflow-y-auto',
92
+ width ? '' : 'qq-w-full',
93
93
  getAbsoluteSpacing(),
94
94
  maxHeight,
95
95
  getColorClassNames('white').bgColor,