npm - @quillsql/react - Versions diffs - 1.1.9 → 1.2.1 - Mend

@quillsql/react 1.1.9 → 1.2.1

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 (58) hide show

package/lib/DateRangePicker/Calendar.js +1 -1
package/lib/DateRangePicker/Calendar.js.map +1 -1
package/lib/DateRangePicker/dateRangePickerUtils.d.ts +1 -2
package/lib/DateRangePicker/dateRangePickerUtils.js +4 -4
package/lib/DateRangePicker/dateRangePickerUtils.js.map +1 -1
package/lib/PieChart.d.ts +0 -7
package/lib/PieChart.js +0 -75
package/lib/PieChart.js.map +1 -1
package/lib/components/selectUtils.js.map +1 -1
package/lib/contexts/BaseColorContext.d.ts +1 -1
package/lib/contexts/BaseColorContext.js +1 -2
package/lib/contexts/BaseColorContext.js.map +1 -1
package/lib/lib/index.d.ts +0 -7
package/lib/lib/index.js +0 -7
package/lib/lib/index.js.map +1 -1
package/lib/lib/utils.d.ts +1 -4
package/lib/lib/utils.js +4 -33
package/lib/lib/utils.js.map +1 -1
package/package.json +1 -1
package/src/Chart.tsx +4 -1
package/src/Context.tsx +3 -1
package/src/Dashboard.tsx +4 -1
package/src/DateRangePicker/Calendar.tsx +1 -3
package/src/DateRangePicker/DateRangePickerButton.tsx +4 -0
package/src/DateRangePicker/dateRangePickerUtils.tsx +1 -7
package/src/PieChart.tsx +0 -77
package/src/QuillProvider.tsx +2 -0
package/src/components/selectUtils.ts +0 -8
package/src/contexts/BaseColorContext.tsx +1 -4
package/src/hooks/useQuill.ts +4 -1
package/src/lib/index.ts +0 -7
package/src/lib/utils.tsx +8 -43
package/example/README.md +0 -46
package/example/package-lock.json +0 -11222
package/example/package.json +0 -43
package/example/public/favicon.ico +0 -0
package/example/public/index.html +0 -43
package/example/public/logo192.png +0 -0
package/example/public/logo512.png +0 -0
package/example/public/manifest.json +0 -25
package/example/public/robots.txt +0 -3
package/example/src/App.css +0 -38
package/example/src/App.test.tsx +0 -9
package/example/src/App.tsx +0 -48
package/example/src/index.css +0 -13
package/example/src/index.tsx +0 -19
package/example/src/logo.svg +0 -1
package/example/src/react-app-env.d.ts +0 -1
package/example/src/reportWebVitals.ts +0 -15
package/example/src/setupTests.ts +0 -5
package/example/tsconfig.json +0 -26
package/src/lib/colorClassNames.ts +0 -3191
package/src/lib/constants.ts +0 -58
package/src/lib/hexColors.ts +0 -28
package/src/lib/shape.ts +0 -75
package/src/lib/sizing.ts +0 -47
package/src/lib/spacing.ts +0 -264
package/src/lib/theme.ts +0 -49

package/src/lib/constants.ts DELETED Viewed

@@ -1,58 +0,0 @@
-import {
-  Color,
-  DeltaType,
-  HorizontalPosition,
-  Size,
-  VerticalPosition,
-} from './inputTypes';
-export const DeltaTypes: { [key: string]: DeltaType } = {
-  Increase: 'increase',
-  ModerateIncrease: 'moderateIncrease',
-  Decrease: 'decrease',
-  ModerateDecrease: 'moderateDecrease',
-  Unchanged: 'unchanged',
-};
-export const BaseColors: { [key: string]: Color } = {
-  Slate: 'slate',
-  Gray: 'gray',
-  Zinc: 'zinc',
-  Neutral: 'neutral',
-  Stone: 'stone',
-  Red: 'red',
-  Orange: 'orange',
-  Amber: 'amber',
-  Yellow: 'yellow',
-  Lime: 'lime',
-  Green: 'green',
-  Emerald: 'emerald',
-  Teal: 'teal',
-  Cyan: 'cyan',
-  Sky: 'sky',
-  Blue: 'blue',
-  Indigo: 'indigo',
-  Violet: 'violet',
-  Purple: 'purple',
-  Fuchsia: 'fuchsia',
-  Pink: 'pink',
-  Rose: 'rose',
-};
-export const Sizes: { [key: string]: Size } = {
-  XS: 'xs',
-  SM: 'sm',
-  MD: 'md',
-  LG: 'lg',
-  XL: 'xl',
-};
-export const HorizontalPositions: { [key: string]: HorizontalPosition } = {
-  Left: 'left',
-  Right: 'right',
-};
-export const VerticalPositions: { [key: string]: VerticalPosition } = {
-  Top: 'top',
-  Bottom: 'bottom',
-};

package/src/lib/hexColors.ts DELETED Viewed

@@ -1,28 +0,0 @@
-import { BaseColors } from './constants';
-export const hexColors: { [color: string]: string } = {
-  [BaseColors.Slate]: '#64748b',
-  [BaseColors.Gray]: '#6b7280',
-  [BaseColors.Zinc]: '#71717a',
-  [BaseColors.Neutral]: '#737373',
-  [BaseColors.Stone]: '#78716c',
-  [BaseColors.Red]: '#ef4444',
-  [BaseColors.Orange]: '#f97316',
-  [BaseColors.Amber]: '#f59e0b',
-  [BaseColors.Yellow]: '#eab308',
-  [BaseColors.Lime]: '#84cc16',
-  [BaseColors.Green]: '#22c55e',
-  [BaseColors.Emerald]: '#10b981',
-  [BaseColors.Teal]: '#14b8a6',
-  [BaseColors.Cyan]: '#06b6d4',
-  [BaseColors.Sky]: '#0ea5e9',
-  [BaseColors.Blue]: '#3b82f6',
-  [BaseColors.Indigo]: '#6366f1',
-  [BaseColors.Violet]: '#8b5cf6',
-  [BaseColors.Purple]: '#a855f7',
-  [BaseColors.Fuchsia]: '#d946ef',
-  [BaseColors.Pink]: '#ec4899',
-  [BaseColors.Rose]: '#f43f5e',
-  [BaseColors.Black]: '#000000',
-  [BaseColors.White]: '#ffffff',
-};

package/src/lib/shape.ts DELETED Viewed

@@ -1,75 +0,0 @@
-export const borderRadius = {
-  none: {
-    left: 'qq-rounded-l-none',
-    top: 'qq-rounded-t-none',
-    right: 'qq-rounded-r-none',
-    bottom: 'qq-rounded-b-none',
-    all: 'qq-rounded-none',
-  },
-  sm: {
-    left: 'qq-rounded-l',
-    top: 'qq-rounded-t',
-    right: 'qq-rounded-r',
-    bottom: 'qq-rounded-b',
-    all: 'qq-rounded',
-  },
-  md: {
-    left: 'qq-rounded-l-md',
-    top: 'qq-rounded-t-md',
-    right: 'qq-rounded-r-md',
-    bottom: 'qq-rounded-b-md',
-    all: 'qq-rounded-md',
-  },
-  lg: {
-    left: 'qq-rounded-l-lg',
-    top: 'qq-rounded-t-lg',
-    right: 'qq-rounded-r-lg',
-    bottom: 'qq-rounded-b-lg',
-    all: 'qq-rounded-lg',
-  },
-  full: {
-    left: 'qq-rounded-l-full',
-    top: 'qq-rounded-t-full',
-    right: 'qq-rounded-r-full',
-    bottom: 'qq-rounded-b-full',
-    all: 'qq-rounded-full',
-  },
-};
-export const boxShadow = {
-  none: 'qq-shadow-none',
-  sm: 'qq-shadow-sm',
-  md: 'qq-shadow',
-  lg: 'qq-shadow-lg',
-};
-export const border = {
-  none: {
-    left: 'qq-border-l-0',
-    top: 'qq-border-t-0',
-    right: 'qq-border-r-0',
-    bottom: 'qq-border-b-0',
-    all: 'qq-border-0',
-  },
-  sm: {
-    left: 'qq-border-l',
-    top: 'qq-border-t',
-    right: 'qq-border-r',
-    bottom: 'qq-border-b',
-    all: 'qq-border',
-  },
-  md: {
-    left: 'qq-border-l-2',
-    top: 'qq-border-t-2',
-    right: 'qq-border-r-2',
-    bottom: 'qq-border-b-2',
-    all: 'qq-border-2',
-  },
-  lg: {
-    left: 'qq-border-l-4',
-    top: 'qq-border-t-4',
-    right: 'qq-border-r-4',
-    bottom: 'qq-border-b-4',
-    all: 'qq-border-4',
-  },
-};

package/src/lib/sizing.ts DELETED Viewed

@@ -1,47 +0,0 @@
-export type Sizing = {
-  height: string;
-  width: string;
-};
-export const sizing = {
-  none: {
-    height: 'qq-h-0',
-    width: 'qq-w-0',
-  },
-  threeXs: {
-    height: 'qq-h-0.5',
-    width: 'qq-w-0.5',
-  },
-  twoXs: {
-    height: 'qq-h-1',
-    width: 'qq-w-1',
-  },
-  xs: {
-    height: 'qq-h-2',
-    width: 'qq-w-2',
-  },
-  sm: {
-    height: 'qq-h-3',
-    width: 'qq-w-3',
-  },
-  md: {
-    height: 'qq-h-4',
-    width: 'qq-w-4',
-  },
-  lg: {
-    height: 'qq-h-5',
-    width: 'qq-w-5',
-  },
-  xl: {
-    height: 'qq-h-6',
-    width: 'qq-w-6',
-  },
-  twoXl: {
-    height: 'qq-h-7',
-    width: 'qq-w-7',
-  },
-  threeXl: {
-    height: 'qq-h-9',
-    width: 'qq-w-9',
-  },
-};

package/src/lib/spacing.ts DELETED Viewed

@@ -1,264 +0,0 @@
-export const spacing = {
-  none: {
-    paddingLeft: 'qq-pl-0',
-    paddingTop: 'qq-pt-0',
-    paddingRight: 'qq-pr-0',
-    paddingBottom: 'qq-pb-0',
-    paddingX: 'qq-px-0',
-    paddingY: 'qq-py-0',
-    paddingAll: 'qq-p-0',
-    marginLeft: 'qq-ml-0',
-    marginTop: 'qq-mt-0',
-    marginRight: 'qq-mr-0',
-    marginBottom: 'qq-mb-0',
-    negativeMarginLeft: '-qq-ml-0',
-    negativeMarginRight: '-qq-mr-0',
-    negativeMarginTop: '-qq-mt-0',
-    negativeMarginBottom: '-qq-mb-0',
-    left: 'qq-left-0',
-    right: 'qq-right-0',
-    top: 'qq-top-0',
-    bottom: 'qq-bottom-0',
-    spaceX: 'qq-space-x-0',
-  },
-  px: {
-    paddingLeft: 'qq-pl-px',
-    paddingTop: 'qq-pt-px',
-    paddingRight: 'qq-pr-px',
-    paddingBottom: 'qq-pb-px',
-    paddingX: 'qq-px-px',
-    paddingY: 'qq-py-px',
-    paddingAll: 'qq-p-px',
-    marginLeft: 'qq-ml-px',
-    marginTop: 'qq-mt-px',
-    marginRight: 'qq-mr-px',
-    marginBottom: 'qq-mb-px',
-    negativeMarginLeft: '-qq-ml-px',
-    negativeMarginRight: '-qq-mr-px',
-    negativeMarginTop: '-qq-mt-px',
-    negativeMarginBottom: '-qq-mb-px',
-    left: 'qq-left-px',
-    right: 'qq-right-px',
-    top: 'qq-top-px',
-    bottom: 'qq-bottom-px',
-    spaceX: 'qq-space-x-px',
-  },
-  threeXs: {
-    paddingLeft: 'qq-pl-0.5',
-    paddingTop: 'qq-pt-0.5',
-    paddingRight: 'qq-pr-0.5',
-    paddingBottom: 'qq-pb-0.5',
-    paddingX: 'qq-px-0.5',
-    paddingY: 'qq-py-0.5',
-    paddingAll: 'qq-p-0.5',
-    marginLeft: 'qq-ml-0.5',
-    marginTop: 'qq-mt-0.5',
-    marginRight: 'qq-mr-0.5',
-    marginBottom: 'qq-mb-0.5',
-    negativeMarginLeft: '-qq-ml-0.5',
-    negativeMarginRight: '-qq-mr-0.5',
-    negativeMarginTop: '-qq-mt-0.5',
-    negativeMarginBottom: '-qq-mb-0.5',
-    left: 'qq-left-0.5',
-    right: 'qq-right-0.5',
-    top: 'qq-top-0.5',
-    bottom: 'qq-bottom-0.5',
-    spaceX: 'qq-space-x-0.5',
-  },
-  twoXs: {
-    paddingLeft: 'qq-pl-1',
-    paddingTop: 'qq-pt-1',
-    paddingRight: 'qq-pr-1',
-    paddingBottom: 'qq-pb-1',
-    paddingX: 'qq-px-1',
-    paddingY: 'qq-py-1',
-    paddingAll: 'qq-p-1',
-    marginLeft: 'qq-ml-1',
-    marginTop: 'qq-mt-1',
-    marginRight: 'qq-mr-1',
-    marginBottom: 'qq-mb-1',
-    negativeMarginLeft: '-qq-ml-1',
-    negativeMarginRight: '-qq-mr-1',
-    left: 'qq-left-1',
-    right: 'qq-right-1',
-    top: 'qq-top-1',
-    bottom: 'qq-bottom-1',
-    spaceX: 'qq-space-x-1',
-  },
-  xs: {
-    paddingLeft: 'qq-pl-1.5',
-    paddingTop: 'qq-pt-1.5',
-    paddingRight: 'qq-pr-1.5',
-    paddingBottom: 'qq-pb-1.5',
-    paddingX: 'qq-px-1.5',
-    paddingY: 'qq-py-1.5',
-    paddingAll: 'qq-p-1.5',
-    marginLeft: 'qq-ml-1.5',
-    marginTop: 'qq-mt-1.5',
-    marginRight: 'qq-mr-1.5',
-    marginBottom: 'qq-mb-1.5',
-    negativeMarginLeft: '-qq-ml-1.5',
-    negativeMarginRight: '-qq-mr-1.5',
-    negativeMarginTop: '-qq-mt-1.5',
-    negativeMarginBottom: '-qq-mb-1.5',
-    left: 'qq-left-1.5',
-    right: 'qq-right-1.5',
-    top: 'qq-top-1.5',
-    bottom: 'qq-bottom-1.5',
-    spaceX: 'qq-space-x-1.5',
-  },
-  sm: {
-    paddingLeft: 'qq-pl-2',
-    paddingTop: 'qq-pt-2',
-    paddingRight: 'qq-pr-2',
-    paddingBottom: 'qq-pb-2',
-    paddingX: 'qq-px-2',
-    paddingY: 'qq-py-2',
-    paddingAll: 'qq-p-2',
-    marginLeft: 'qq-ml-2',
-    marginTop: 'qq-mt-2',
-    marginRight: 'qq-mr-2',
-    marginBottom: 'qq-mb-2',
-    negativeMarginLeft: '-qq-ml-2',
-    negativeMarginRight: '-qq-mr-2',
-    negativeMarginTop: '-qq-mt-2',
-    negativeMarginBottom: '-qq-mb-2',
-    left: 'qq-left-2',
-    right: 'qq-right-2',
-    top: 'qq-left-2',
-    bottom: 'qq-bottom-2',
-    spaceX: 'qq-space-x-2',
-  },
-  md: {
-    paddingLeft: 'qq-pl-2.5',
-    paddingTop: 'qq-pt-2.5',
-    paddingRight: 'qq-pr-2.5',
-    paddingBottom: 'qq-pb-2.5',
-    paddingX: 'qq-px-2.5',
-    paddingY: 'qq-py-2.5',
-    paddingAll: 'qq-p-2.5',
-    marginLeft: 'qq-ml-2.5',
-    marginTop: 'qq-mt-2.5',
-    marginRight: 'qq-mr-2.5',
-    marginBottom: 'qq-mb-2.5',
-    negativeMarginLeft: '-qq-ml-2.5',
-    negativeMarginRight: '-qq-mr-2.5',
-    negativeMarginTop: '-qq-mt-2.5',
-    negativeMarginBottom: '-qq-mb-2.5',
-    left: 'qq-left-2.5',
-    right: 'qq-right-2.5',
-    top: 'qq-top-2.5',
-    bottom: 'qq-bottom-2.5',
-    spaceX: 'qq-space-x-2.5',
-  },
-  lg: {
-    paddingLeft: 'qq-pl-3',
-    paddingTop: 'qq-pt-3',
-    paddingRight: 'qq-pr-3',
-    paddingBottom: 'qq-pb-3',
-    paddingX: 'qq-px-3',
-    paddingY: 'qq-py-3',
-    paddingAll: 'qq-p-3',
-    marginLeft: 'qq-ml-3',
-    marginTop: 'qq-mt-3',
-    marginRight: 'qq-mr-3',
-    marginBottom: 'qq-mb-3',
-    negativeMarginLeft: '-qq-ml-3',
-    negativeMarginRight: '-qq-mr-3',
-    negativeMarginTop: '-qq-mt-3',
-    negativeMarginBottom: '-qq-mb-3',
-    left: 'qq-left-3',
-    right: 'qq-right-3',
-    top: 'qq-top-3',
-    bottom: 'qq-bottom-3',
-    spaceX: 'qq-space-x-3',
-  },
-  xl: {
-    paddingLeft: 'qq-pl-3.5',
-    paddingTop: 'qq-pt-3.5',
-    paddingRight: 'qq-pr-3.5',
-    paddingBottom: 'qq-pb-3.5',
-    paddingX: 'qq-px-3.5',
-    paddingY: 'qq-py-3.5',
-    paddingAll: 'qq-p-3.5',
-    marginLeft: 'qq-ml-3.5',
-    marginTop: 'qq-mt-3.5',
-    marginRight: 'qq-mr-3.5',
-    marginBottom: 'qq-mb-3.5',
-    negativeMarginLeft: '-qq-ml-3.5',
-    negativeMarginRight: '-qq-mr-3.5',
-    negativeMarginTop: '-qq-mt-3.5',
-    negativeMarginBottom: '-qq-mb-3.5',
-    left: 'qq-left-3.5',
-    right: 'qq-right-3.5',
-    top: 'qq-top-3.5',
-    bottom: 'qq-bottom-3.5',
-    spaceX: 'qq-space-x-3.5',
-  },
-  twoXl: {
-    paddingLeft: 'qq-pl-4',
-    paddingTop: 'qq-pt-4',
-    paddingRight: 'qq-pr-4',
-    paddingBottom: 'qq-pb-4',
-    paddingX: 'qq-px-4',
-    paddingY: 'qq-py-4',
-    paddingAll: 'qq-p-4',
-    marginLeft: 'qq-ml-4',
-    marginTop: 'qq-mt-4',
-    marginRight: 'qq-mr-4',
-    marginBottom: 'qq-mb-4',
-    negativeMarginLeft: '-qq-ml-4',
-    negativeMarginRight: '-qq-mr-4',
-    negativeMarginTop: '-qq-mt-4',
-    negativeMarginBottom: '-qq-mb-4',
-    left: 'qq-left-4',
-    right: 'qq-right-4',
-    top: 'qq-top-4',
-    bottom: 'qq-bottom-4',
-    spaceX: 'qq-space-x-4',
-  },
-  threeXl: {
-    paddingLeft: 'qq-pl-6',
-    paddingTop: 'qq-pt-6',
-    paddingRight: 'qq-pr-6',
-    paddingBottom: 'qq-pb-6',
-    paddingX: 'qq-px-6',
-    paddingY: 'qq-py-6',
-    paddingAll: 'qq-p-6',
-    marginLeft: 'qq-ml-6',
-    marginTop: 'qq-mt-6',
-    marginRight: 'qq-mr-6',
-    marginBottom: 'qq-mb-6',
-    negativeMarginLeft: '-qq-ml-6',
-    negativeMarginRight: '-qq-mr-6',
-    negativeMarginTop: '-qq-mt-6',
-    negativeMarginBottom: '-qq-mb-6',
-    left: 'qq-left-6',
-    right: 'qq-right-6',
-    top: 'qq-top-6',
-    bottom: 'qq-bottom-6',
-    spaceX: 'qq-space-x-6',
-  },
-  fourXl: {
-    paddingLeft: 'qq-pl-8',
-    paddingTop: 'qq-pt-8',
-    paddingRight: 'qq-pr-8',
-    paddingBottom: 'qq-pb-8',
-    paddingX: 'qq-px-8',
-    paddingY: 'qq-py-8',
-    paddingAll: 'qq-p-8',
-    marginLeft: 'qq-ml-8',
-    marginTop: 'qq-mt-8',
-    marginRight: 'qq-mr-8',
-    marginBottom: 'qq-mb-8',
-    negativeMarginLeft: '-qq-ml-8',
-    negativeMarginRight: '-qq-mr-8',
-    negativeMarginTop: '-qq-mt-8',
-    negativeMarginBottom: '-qq-mb-8',
-    left: 'qq-left-8',
-    right: 'qq-right-8',
-    top: 'qq-top-8',
-    bottom: 'qq-bottom-8',
-    spaceX: 'qq-space-x-8',
-  },
-};

package/src/lib/theme.ts DELETED Viewed

@@ -1,49 +0,0 @@
-import { BaseColors } from "./constants";
-import { Color } from "./inputTypes";
-export const DEFAULT_COLOR: Color = "gray";
-export const WHITE = "white";
-export const TRANSPARENT = "transparent";
-export const colorPalette = {
-  canvasBackground: 50,
-  lightBackground: 100,
-  background: 500,
-  darkBackground: 600,
-  darkestBackground: 800,
-  lightBorder: 200,
-  border: 500,
-  darkBorder: 700,
-  lightRing: 200,
-  ring: 300,
-  lightText: 400,
-  text: 500,
-  darkText: 700,
-  darkestText: 900,
-  icon: 500,
-};
-export const themeColorRange: Color[] = [
-  BaseColors.Cyan,
-  BaseColors.Sky,
-  BaseColors.Blue,
-  BaseColors.Indigo,
-  BaseColors.Violet,
-  BaseColors.Purple,
-  BaseColors.Fuchsia,
-  BaseColors.Slate,
-  BaseColors.Gray,
-  BaseColors.Zinc,
-  BaseColors.Neutral,
-  BaseColors.Stone,
-  BaseColors.Red,
-  BaseColors.Orange,
-  BaseColors.Amber,
-  BaseColors.Yellow,
-  BaseColors.Lime,
-  BaseColors.Green,
-  BaseColors.Emerald,
-  BaseColors.Teal,
-  BaseColors.Pink,
-  BaseColors.Rose,
-];