@royaloperahouse/harmonic 0.1.0

package/dist/types/upsell.d.ts

@@ -0,0 +1,78 @@
+import { EditorialLink } from '.';
+import { ThemeType } from '.';
+export interface IOfferTextProps {
+    /**
+     * Repeatable element title
+     */
+    title?: string;
+    /**
+     * Repeatable element description
+     */
+    description?: string;
+}
+export interface IUpsellCardProps {
+    /**
+     * Card title
+     */
+    title?: string;
+    /**
+     * Card subtitle
+     */
+    subTitle?: string;
+    /**
+     * Card price
+     */
+    price?: string;
+    /**
+     * Promo price
+     */
+    promoPrice?: string;
+    /**
+     * Flag for featurette (e.g. "best offer")
+     */
+    flag?: string;
+    /**
+     * Offer texts repeatable elements
+     */
+    offerTexts?: IOfferTextProps[];
+    /**
+     *
+     */
+    link?: EditorialLink;
+    /**
+     * Theme: Core, Stream, or Cinema
+     */
+    theme?: ThemeType;
+}
+export interface IUpsellCardsProps {
+    /**
+     * Array of upsellCards
+     */
+    upsellCards?: IUpsellCardProps[];
+    /**
+     * Theme options
+     */
+    theme?: ThemeType;
+}
+export interface IUpsellSectionProps {
+    /**
+     * Upsell Section title
+     */
+    title?: string;
+    /**
+     * Richtext section
+     */
+    richText?: string;
+    /**
+     * CTA link. Eg. for sign in.
+     */
+    link?: EditorialLink;
+    /**
+     * Array of upsellCards
+     */
+    upsellCards?: IUpsellCardProps[];
+    /**
+     * Theme options
+     */
+    theme?: ThemeType;
+}

package/dist/types/utility.d.ts

@@ -0,0 +1,4 @@
+import { themes } from '../styles/themes';
+declare type Themes = typeof themes;
+export declare type Theme = Themes[keyof Omit<Themes, 'fontFamilies'>];
+export {};

package/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "@royaloperahouse/harmonic",
+  "version": "0.1.0",
+  "author": "Royal Opera House",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "repository": {
+  "type": "git",
+  "url": "https://bitbucket.org/rohorguk/harmonic-library.git"
+  },
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "test:watch": "tsdx test --watch --verbose --passWithNoTests",
+    "lint": "tsdx lint src",
+    "prepare": "tsdx build",
+    "size": "size-limit",
+    "analyze": "size-limit --why",
+    "storybook": "start-storybook -s ./external -p 6006",
+    "build-storybook-dev": "build-storybook",
+    "build-storybook": "rm -rf ./storybook-static; build-storybook -s ./src -o ./storybook-static; cp -r ./external/ ./storybook-static/",
+    "deploy-storybook-dev": "chromatic --build-script-name build-storybook-dev",
+    "deploy-storybook": "storybook-to-aws-s3 --bucket-path=harmonic.roh.org.uk --aws-profile=parent --existing-output-dir=storybook-static --s3-sync-options=--acl=public-read",
+    "test-storybook": "tsdx test --json --passWithNoTests --outputFile=./test/jest-test-results.json",
+    "publish-release": "make prepare-release-candidate; make publish-release",
+    "publish-snapshot": "make prepare-release-candidate; make publish-npm-snapshot"
+  },
+  "keywords": [
+    "React",
+    "TypeScript",
+    "Components",
+    "ROH"
+  ],
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 120,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "module": "dist/harmonic.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/harmonic.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/harmonic.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/jest.setup.ts"
+    ],
+    "moduleNameMapper": {
+      "\\.(png|jpg|jpeg)$": "<rootDir>/external/images/mock-image.js"
+    },
+    "modulePathIgnorePatterns": [
+      "<rootDir>/storybook-static"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.16.0",
+    "@size-limit/preset-small-lib": "^6.0.4",
+    "@storybook/addon-a11y": "^6.3.12",
+    "@storybook/addon-essentials": "^6.3.12",
+    "@storybook/addon-info": "^5.3.21",
+    "@storybook/addon-jest": "^6.3.12",
+    "@storybook/addon-links": "^6.3.12",
+    "@storybook/addons": "^6.3.12",
+    "@storybook/react": "^6.3.12",
+    "@storybook/storybook-deployer": "^2.8.11",
+    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/dompurify": "^2.4.0",
+    "@types/jest": "^27.0.2",
+    "@types/react": "^17.0.34",
+    "@types/react-dom": "^17.0.11",
+    "@types/react-modal": "^3.16.3",
+    "@types/react-select": "^5.0.1",
+    "@types/react-test-renderer": "^17.0.1",
+    "@types/styled-components": "^5.1.15",
+    "@types/testing-library__jest-dom": "^5.14.1",
+    "babel-loader": "^8.2.3",
+    "chromatic": "^11.5.5",
+    "husky": "^7.0.4",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "react-router-dom": "^6.22.3",
+    "react-test-renderer": "^17.0.2",
+    "size-limit": "^6.0.4",
+    "storybook-addon-designs": "^6.2.0",
+    "storybook-addon-pseudo-states": "^1.0.0",
+    "styled-components": "^5.3.9",
+    "ts-jest": "^27.0.7",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.4"
+  },
+  "dependencies": {
+    "moment": "^2.29.4",
+    "react-modal": "^3.16.1",
+    "react-scrolllock": "^5.0.1",
+    "react-select": "^5.8.0"
+  }
+}