@veeqo/ui 0.0.3 → 0.0.6

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@veeqo/ui",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "UNLICENSED",
   "sideEffects": false,
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
-  "types": "lib/index.d.ts",
-  "directories": {
-    "lib": "lib"
-  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
   "scripts": {
     "test": "jest",
     "test:watch": "jest --watch",
@@ -33,6 +33,7 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.22.15",
     "@popperjs/core": "^2.11.8",
+    "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.3",

package/.eslintrc.json

@@ -1,105 +0,0 @@
-{
-  "ignorePatterns": ["src/**/*.stories*"],
-  // Config from monolith.
-  "extends": [
-    "airbnb",
-    "airbnb/hooks",
-    "plugin:jsx-a11y/recommended",
-    "plugin:prettier/recommended"
-  ],
-  "parser": "@babel/eslint-parser",
-  "parserOptions": {
-    "requireConfigFile": false
-  },
-  "plugins": ["@typescript-eslint", "jsx-a11y", "react-hooks", "react", "prettier", "jest"],
-  "env": {
-    "browser": true,
-    "jest": true
-  },
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "extends": ["airbnb-typescript"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": "./tsconfig.json"
-      },
-      "rules": {
-        "no-undef": "off",
-        // It conflicts with prettier indent rule. We should always prioritise prettier for formatting rules
-        "@typescript-eslint/indent": "off"
-      }
-    },
-    // Disable extraneous dependencies rule for testing utilities missing `*.test.*` in the file name
-    {
-      "files": ["testUtils.*"],
-      "rules": {
-        "import/no-extraneous-dependencies": "off"
-      }
-    },
-    // Disable no parameter reassignment rule for Redux slice files where we have to peform reassignments
-    // due to how Redux implements Immer under the hood.
-    {
-      "files": ["slice.*"],
-      "rules": {
-        "no-param-reassign": "off"
-      }
-    }
-  ],
-  "rules": {
-    "prettier/prettier": "warn",
-    "import/no-unresolved": "warn",
-    "import/extensions": "warn",
-    "default-param-last": "warn",
-    "import/no-default-export": "error",
-    "import/prefer-default-export": "off",
-    "jsx-a11y/click-events-have-key-events": "off",
-    "jsx-a11y/label-has-associated-control": [
-      "error",
-      {
-        "labelComponents": [],
-        "labelAttributes": [],
-        "controlComponents": [],
-        "assert": "htmlFor",
-        "depth": 25
-      }
-    ],
-    "jsx-a11y/no-static-element-interactions": "off",
-    "lines-between-class-members": "error",
-    "no-param-reassign": "error",
-    "no-restricted-globals": "warn",
-    "no-undef": "warn",
-    "no-unused-vars": "warn",
-    "react/forbid-prop-types": "off",
-    "react/jsx-curly-newline": "off",
-    "react/jsx-filename-extension": [
-      "error",
-      {
-        "extensions": [".jsx", ".tsx"]
-      }
-    ],
-    "react/jsx-one-expression-per-line": "off",
-    "react/jsx-props-no-spreading": "off",
-    "react/no-unescaped-entities": "off",
-    "react/prefer-stateless-function": "off",
-    "react/prop-types": "off",
-    "react/react-in-jsx-scope": "off",
-    "react/require-default-props": "off",
-    "react/function-component-definition": [
-      "error",
-      {
-        "namedComponents": ["arrow-function", "function-declaration"],
-        "unnamedComponents": "arrow-function"
-      }
-    ],
-    "react/no-unused-prop-types": ["warn"]
-  },
-  "settings": {
-    "import/resolver": {
-      "node": {
-        "paths": ["app/assets/react", "app/assets/images"]
-      }
-    }
-  }
-}

package/.nvmrc

@@ -1 +0,0 @@
-v18.17.1

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-  "printWidth": 100,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "all"
-}

package/.storybook/Intro.mdx

@@ -1,22 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-
-<Meta
-  title="Get started/How to install"
-  parameters={{ previewTabs: { canvas: { hidden: true } } }}
-/>
-
-# Installation
-
-The React component library is hosted on [NPM](https://www.npmjs.com/package/@veeqo/ui).
-
-To install the package locally just run: `npm install -S @veeqo/ui`
-
-## Usage
-
-Once you've installed the package you just need to import the component you want:
-
-```tsx
-import { Button } from '@veeqo/ui';
-```
-
-Want to dive right in? Why not check out the [Button](/?path=/story/components-common-button--page) component.

package/.storybook/main.ts

@@ -1,21 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['./*mdx', '../src/**/*Docs.mdx', '../src/**/*stories.tsx'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-onboarding',
-    '@storybook/addon-interactions',
-  ],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
-  typescript: {
-    reactDocgen: 'react-docgen',
-    skipBabel: true,
-    check: false,
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,16 +0,0 @@
-import type { Preview } from '@storybook/react';
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    options: {
-      storySort: {
-        method: 'alphabetical',
-        order: ['Get started', 'Components', 'Theme'],
-        locales: 'en-GB',
-      },
-    },
-  },
-};
-
-export default preview;

package/.vscode/settings.json

@@ -1,11 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "prettier.enable": true,
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
-}

package/CHANGELOG.md

@@ -1,21 +0,0 @@
-### Changelog
-
-All notable changes to this project will be documented in this file. Dates are displayed in UTC.
-
-Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
-
-#### [v0.0.3](https://github.com/veeqo/veeqo-ui/compare/v0.0.3...v0.0.3)
-
-#### [v0.0.3](https://github.com/veeqo/veeqo-ui/compare/v0.0.2...v0.0.3)
-
-> 26 September 2023
-
-- Update patch scripts again to fix running changelog [`2f70ff3`](https://github.com/veeqo/veeqo-ui/commit/2f70ff367b73d8a7ece66ccf32c9d4a876ccf3f6)
-
-#### v0.0.2
-
-> 26 September 2023
-
-- Fix storybook build [`154fcf4`](https://github.com/veeqo/veeqo-ui/commit/154fcf41798374332c144281e87940c95facffc4)
-- Update package to setup tests and add tests for Stack [`8efbd04`](https://github.com/veeqo/veeqo-ui/commit/8efbd04d4ae3327b876e028ac18d2a7e00dd347d)
-- Add initial work setting up vite and rollup [`42fe21f`](https://github.com/veeqo/veeqo-ui/commit/42fe21f2935aa15b31216ca979b4eeb6f456117c)

package/jest.config.js

@@ -1,16 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  setupFiles: ['<rootDir>/setupJestMock.js'],
-  setupFilesAfterEnv: ['<rootDir>/setupTests.js'],
-  testPathIgnorePatterns: ['<rootDir>/node_modules', '<rootDir>/docs'],
-  testEnvironment: 'jsdom',
-  collectCoverageFrom: ['lib/**/*.{ts,tsx}'],
-  coverageReporters: ['json', 'html'],
-  moduleNameMapper: {
-    '^components(.*)$': '<rootDir>/lib/components$1',
-    '^theme(.*)$': '<rootDir>/lib/theme$1',
-    '^types(.*)$': '<rootDir>/lib/types$1',
-    // '^hooks(.*)$': '<rootDir>/lib/hooks$1',
-    // '^utils(.*)$': '<rootDir>/lib/utils$1',
-  },
-};

package/lib/components/ActionList/styled.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export declare const ListCard: import("styled-components").StyledComponent<"div", any, import("../Card/styled").SurfaceProps, never>;
-export declare const Section: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const SectionHeading: import("styled-components").StyledComponent<"span", any, ({} & import("../Text/types").TextProps) & {
-    variant: string;
-}, "variant">;
-export declare const Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const ActionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const LinkItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;

package/lib/components/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ButtonProps } from './types';
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/Button/components/DropdownIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DropdownIcon: () => React.JSX.Element;

package/lib/components/Button/types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode, ButtonHTMLAttributes } from 'react';
-export type ButtonVariant = 'default' | 'destructive' | 'primary' | 'primaryDestructive' | 'flat' | 'link' | 'unstyled';
-/**
- * Button properties.
- */
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    children?: ReactNode;
-    /** Variant styles */
-    variant?: ButtonVariant;
-    /** Button sizes */
-    size?: 'sm' | 'base';
-    /** Icon */
-    icon?: ReactNode;
-    /** Renders a dropdown indicator inside the button */
-    dropdown?: boolean;
-    /** Renders a loading indicator inside the button */
-    loading?: boolean;
-}

package/lib/components/CardHeader/icons/Cross.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Cross: (props: any) => React.JSX.Element;

package/lib/components/CardHeader/icons/DownArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DownArrow: (props: any) => React.JSX.Element;

package/lib/components/CardHeader/icons/UpArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const UpArrow: (props: any) => React.JSX.Element;

package/lib/components/DataTableExp/components/icons/ArrowDown.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ArrowDown: (props: any) => React.JSX.Element;

package/lib/components/DataTableExp/components/icons/ArrowUp.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ArrowUp: (props: any) => React.JSX.Element;

package/lib/components/DataTableExp/components/icons/DoubleArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DoubleArrow: (props: any) => React.JSX.Element;

package/lib/components/DataTableExp/components/icons/Reorder.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Reorder: (props: any) => React.JSX.Element;

package/lib/components/DataTableExp/components/icons/Visibility.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Visiblity: (props: any) => React.JSX.Element;

package/lib/components/DataTableExp/components/icons/VisibilityOff.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const VisiblityOff: (props: any) => React.JSX.Element;

package/lib/components/DimensionsInput/styled.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
-    className?: string | undefined;
-    type?: import("../TextField/types").TextFieldType | undefined;
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string | undefined;
-    step?: string | undefined;
-    name?: string | undefined;
-    min?: string | undefined;
-    max?: string | undefined;
-    pattern?: string | undefined;
-    hasError?: boolean | undefined;
-    size?: import("../types").ComponentSize | undefined;
-    multiline?: boolean | undefined;
-    rows?: string | undefined;
-    invalid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    spellCheck?: boolean | undefined;
-} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
-declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-declare const Label: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
-declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare const Hint: import("styled-components").StyledComponent<"span", any, {}, never>;
-export { Container, Row, Error, Hint, StyledTextField as TextField, StyledButton as Button, Label };

package/lib/components/PageHeader/styled.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-declare const shadows: typeof import("../../theme/modules/shadows").Shadows;
-export type ShadowPropType = keyof typeof shadows | 'none';
-interface HeaderProps {
-    shadow: ShadowPropType;
-}
-export declare const Header: import("styled-components").StyledComponent<"header", any, HeaderProps, never>;
-export declare const Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const Subtitle: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const ColumnGrid: import("styled-components").StyledComponent<"div", any, any, never>;
-export {};

package/lib/components/Pagination/components/EndArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const EndArrow: (props: any) => React.JSX.Element;

package/lib/components/Pagination/components/LeftArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const LeftArrow: (props: any) => React.JSX.Element;

package/lib/components/Pagination/components/RightArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const RightArrow: (props: any) => React.JSX.Element;

package/lib/components/Pagination/components/StartArrow.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const StartArrow: (props: any) => React.JSX.Element;

package/lib/components/Pagination/styled.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export declare const PageLimitContainer: import("styled-components").StyledComponent<"div", any, import("../Stack/types").StackProps, never>;
-export declare const PaginationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const PageInput: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
-    className?: string | undefined;
-    type?: import("../TextField/types").TextFieldType | undefined;
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string | undefined;
-    step?: string | undefined;
-    name?: string | undefined;
-    min?: string | undefined;
-    max?: string | undefined;
-    pattern?: string | undefined;
-    hasError?: boolean | undefined;
-    size?: import("../types").ComponentSize | undefined;
-    multiline?: boolean | undefined;
-    rows?: string | undefined;
-    invalid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    spellCheck?: boolean | undefined;
-} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;

package/lib/components/VideoModal/styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const PopupContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VideoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonSC: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/lib/components/WeightInput/styled.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
-    className?: string | undefined;
-    type?: import("../TextField/types").TextFieldType | undefined;
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string | undefined;
-    step?: string | undefined;
-    name?: string | undefined;
-    min?: string | undefined;
-    max?: string | undefined;
-    pattern?: string | undefined;
-    hasError?: boolean | undefined;
-    size?: import("../types").ComponentSize | undefined;
-    multiline?: boolean | undefined;
-    rows?: string | undefined;
-    invalid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    spellCheck?: boolean | undefined;
-} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
-declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    hasError?: boolean | undefined;
-}, never>;
-export { Container, Row, StyledTextField as TextField, StyledButton as Button };