ouisys-component-library 0.0.32 → 2.0.1

package/{build/src → dist/types}/Select/Select.types.d.ts

@@ -1,30 +1,31 @@
-/// <reference types="react" />
-export type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
-    value: string;
-    label?: string;
-    onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;
-    type?: SelectType;
-    placeholder?: string;
-    error?: string;
-    dataQaId?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    maxLength?: number;
-    minLength?: number;
-    wrapperClassName?: string;
-    options?: SelectOption[];
-    onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
-    firstOptionText?: string;
-};
-export interface SelectOption {
-    value: string;
-    label: string;
-}
-export declare enum SelectType {
-    Country = "country"
-}
-export declare enum InputSize {
-    Medium = "Medium",
-    Large = "Large"
-}
+type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
+    value: string;
+    label?: string;
+    onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    type?: SelectType;
+    placeholder?: string;
+    error?: string;
+    dataQaId?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    wrapperClassName?: string;
+    options?: SelectOption[];
+    onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    firstOptionText?: string;
+};
+interface SelectOption {
+    value: string;
+    label: string;
+}
+declare enum SelectType {
+    Country = "country"
+}
+declare enum InputSize {
+    Medium = "Medium",
+    Large = "Large"
+}
+
+export { InputSize, SelectOption, SelectProps, SelectType };

package/dist/types/Showcase/Showcase.d.ts

@@ -0,0 +1,5 @@
+import { interfaceShowcase } from './Showcase.types.js';
+
+declare const Showcase: ({ headline, items, className, dataQaId, tracker }: interfaceShowcase) => JSX.Element;
+
+export { Showcase };

package/dist/types/Showcase/Showcase.types.d.ts

@@ -0,0 +1,15 @@
+import { ITracker } from '../custom-types.js';
+
+type typeItems = {
+    image: string;
+    name: string;
+};
+interface interfaceShowcase {
+    headline: string;
+    items: Array<typeItems>;
+    className?: string;
+    dataQaId?: string;
+    tracker?: ITracker;
+}
+
+export { interfaceShowcase, typeItems };

package/dist/types/TopLegals/TopLegals.d.ts

@@ -0,0 +1,5 @@
+import { TopLegalsProps } from './TopLegals.types.js';
+
+declare const TopLegals: ({ locale, className, legals, flow, dataQaId }: TopLegalsProps) => JSX.Element;
+
+export { TopLegals };

package/dist/types/TopLegals/TopLegals.types.d.ts

@@ -0,0 +1,11 @@
+import { ILegals, ILegalFlows } from '../Disclaimers/Disclaimers.types.js';
+
+interface TopLegalsProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}
+
+export { TopLegalsProps };

package/dist/types/components/button/Button.d.ts

@@ -0,0 +1,2 @@
+export { Button } from '../../Button/Button.js';
+export { interfaceButton } from '../../Button/Button.types.js';

package/dist/types/components/chainredirect/ChainRedirect.d.ts

@@ -0,0 +1,2 @@
+export { ChainRedirect } from '../../ChainRedirect/ChainRedirect.js';
+export { IChainRedirectProps } from '../../ChainRedirect/ChainRedirect.types.js';

package/dist/types/components/disclaimers/Disclaimers.d.ts

@@ -0,0 +1,2 @@
+export { Disclaimers } from '../../Disclaimers/Disclaimers.js';
+export { DisclaimersProps, ILegalFlows, ILegals } from '../../Disclaimers/Disclaimers.types.js';

package/dist/types/components/extradisclaimers/ExtraDisclaimers.d.ts

@@ -0,0 +1,2 @@
+export { ExtraDisclaimers } from '../../ExtraDisclaimers/ExtraDisclaimers.js';
+export { ExtraDisclaimersProps } from '../../ExtraDisclaimers/ExtraDisclaimers.types.js';

package/dist/types/components/features/Features.d.ts

@@ -0,0 +1,2 @@
+export { Features } from '../../Features/Features.js';
+export { interfaceFeatures, typeItems } from '../../Features/Features.types.js';

package/dist/types/components/input/Input.d.ts

@@ -0,0 +1,2 @@
+export { Input } from '../../Input/Input.js';
+export { InputIconPosition, InputMaskTypes, InputProps, InputSize, InputType } from '../../Input/Input.types.js';

package/dist/types/components/intlprovider/IntlProvider.d.ts

@@ -0,0 +1 @@
+export { IntlProvider } from '../../Intl/Intl.js';

package/dist/types/components/languageswitcher/LanguageSwitcher.d.ts

@@ -0,0 +1,2 @@
+export { LanguageSwitcher } from '../../LanguageSwitcher/LanguageSwitcher.js';
+export { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from '../../LanguageSwitcher/LanguageSwitcher.types.js';

package/dist/types/components/link/Link.d.ts

@@ -0,0 +1,2 @@
+export { Link } from '../../Link/Link.js';
+export { interfaceLink } from '../../Link/Link.types.js';

package/dist/types/components/molink/MOLink.d.ts

@@ -0,0 +1,2 @@
+export { MOLink } from '../../MOLink/MOLink.js';
+export { IKeywordShortcode, MOLinkProps } from '../../MOLink/MOLink.types.js';

package/dist/types/components/phoneentry/PhoneEntry.d.ts

@@ -0,0 +1,2 @@
+export { PhoneEntry } from '../../PhoneEntry/PhoneEntry.js';
+export { interfacePhoneEntry } from '../../PhoneEntry/PhoneEntry.types.js';

package/dist/types/components/pinentry/PINEntry.d.ts

@@ -0,0 +1,2 @@
+export { PINEntry } from '../../PINEntry/PINEntry.js';
+export { interfacePINEntry } from '../../PINEntry/PINEntry.types.js';

package/dist/types/components/pricepoint/PricePoint.d.ts

@@ -0,0 +1,2 @@
+export { PricePoint } from '../../PricePoint/PricePoint.js';
+export { PricePointProps } from '../../PricePoint/PricePoint.types.js';

package/dist/types/components/select/Select.d.ts

@@ -0,0 +1,2 @@
+export { Select } from '../../Select/Select.js';
+export { InputSize, SelectOption, SelectProps, SelectType } from '../../Select/Select.types.js';

package/dist/types/components/showcase/Showcase.d.ts

@@ -0,0 +1,2 @@
+export { Showcase } from '../../Showcase/Showcase.js';
+export { interfaceShowcase, typeItems } from '../../Showcase/Showcase.types.js';

package/dist/types/components/toplegals/TopLegals.d.ts

@@ -0,0 +1,2 @@
+export { TopLegals } from '../../TopLegals/TopLegals.js';
+export { TopLegalsProps } from '../../TopLegals/TopLegals.types.js';

package/dist/types/components/translate/Translate.d.ts

@@ -0,0 +1 @@
+export { Translate } from '../../Intl/Intl.js';

package/{build/src → dist/types}/custom-types.d.ts

@@ -1,8 +1,10 @@
-export declare type IOptInFlowName = 'Block' | 'Click to sms' | 'Hybrid Pin' | 'Msisdn to sms' | 'Not available' | 'Pin' | 'Redirect' | 'To be determined' | 'USSD' | '3G click';
-export declare type ITracker = {
-    advancedInFlow: (flow: string, action: string, args?: any) => void;
-    advancedInPreFlow: (label: string, args?: any) => void;
-    recedeInFlow: (flow: string, newState: string, args?: any) => void;
-    customEvent: (category: string, action: string, label: string, arg?: any) => void;
-    sendOptInFlowEvent: (optInFlowName: IOptInFlowName) => void;
-};
+declare type IOptInFlowName = 'Block' | 'Click to sms' | 'Hybrid Pin' | 'Msisdn to sms' | 'Not available' | 'Pin' | 'Redirect' | 'To be determined' | 'USSD' | '3G click';
+declare type ITracker = {
+    advancedInFlow: (flow: string, action: string, args?: any) => void;
+    advancedInPreFlow: (label: string, args?: any) => void;
+    recedeInFlow: (flow: string, newState: string, args?: any) => void;
+    customEvent: (category: string, action: string, label: string, arg?: any) => void;
+    sendOptInFlowEvent: (optInFlowName: IOptInFlowName) => void;
+};
+
+export { IOptInFlowName, ITracker };

package/dist/types/utilities/definemessages/defineMessages.d.ts

@@ -0,0 +1 @@
+export { defineMessages } from '../../Intl/Intl.js';

package/dist/types/utilities/formatsmslink/formatSMSLink.d.ts

@@ -0,0 +1 @@
+export { formatSMSLink } from '../../MOLink/MOLink.js';

package/dist/types/utilities/injectintl/injectIntl.d.ts

@@ -0,0 +1 @@
+export { injectIntl } from '../../Intl/Intl.js';

package/package.json

@@ -1,51 +1,154 @@
 {
   "name": "ouisys-component-library",
-  "version": "0.0.32",
+  "version": "2.0.1",
   "description": "Ouisys Components",
-  "main": "build/index.js",
-  "module": "build/index.es.js",
-  "typings": "build/index.d.ts",
-  "style": "build/index.css",
-  "files": [
-    "build"
-  ],
+  "main": "dist/index.js",
+  "directories": "dist dev-tools",
+  "scripts": {
+    "build": "yarn clean && rollup -c",
+    "storybook": "storybook dev -p 6006",
+    "storybook:export": "storybook build",
+    "build-storybook": "storybook build",
+    "clean": "rm -rf ./dist && rm -rf ./build",
+    "watch": "tsc -b -w --preserveWatchOutput",
+    "lint": "eslint --fix 'src/**/*.{ts,tsx}'",
+    "format": "prettier --write .",
+    "test": "jest",
+    "test:local": "jest --runInBand",
+    "test:coverage": "yarn run test -- --watch --coverage --coverage-reporters=lcov --watchAll=false; echo \"\\033[32m>>> 🌹 Coverage report now in /coverage folder\"",
+    "test:coverageWatch": "yarn run test -- --watch --coverage --coverage-reporters=lcov --watchAll=true",
+    "test:watch": "yarn run test -- --watch --watchAll=true",
+    "test:debug": "node --inspect-brk node_modules/.bin/jest --watch --ci --runInBand",
+    "release": "yarn release:patch && release:publish && release:publish",
+    "release:patch": "npm version patch",
+    "release:publish": "npm publish",
+    "release:push": "git push"
+  },
   "author": "Emmancipate <emman@sam-media.com>",
   "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist/"
+  ],
+  "exports": {
+    "./Button": "./dist/Button.js",
+    "./ChainRedirect": "./dist/ChainRedirect.js",
+    "./Disclaimers": "./dist/Disclaimers.js",
+    "./ExtraDisclaimers": "./dist/ExtraDisclaimers.js",
+    "./Features": "./dist/Features.js",
+    "./LanguageSwitcher": "./dist/LanguageSwitcher.js",
+    "./Link": "./dist/Link.js",
+    "./MOLink": "./dist/MOLink.js",
+    "./PhoneEntry": "./dist/PhoneEntry.js",
+    "./PINEntry": "./dist/PINEntry.js",
+    "./PricePoint": "./dist/PricePoint.js",
+    "./Showcase": "./dist/Showcase.js",
+    "./TopLegals": "./dist/TopLegals.js",
+    "./Input": "./dist/Input.js",
+    "./Select": "./dist/Select.js",
+    "./IntlProvider": "./dist/IntlProvider.js",
+    "./Translate": "./dist/Translate.js",
+    "./utilities/defineMessages": "./dist/defineMessages.js",
+    "./utilities/injectIntl": "./dist/injectIntl.js",
+    "./utilities/formatSMSLink": "./dist/formatSMSLink.js"
+  },
+  "typesVersions": {
+    "*": {
+      "Button": [
+        "dist/types/Button.d.ts"
+      ],
+      "ChainRedirect": [
+        "dist/types/ChainRedirect.d.ts"
+      ],
+      "Disclaimers": [
+        "dist/types/Disclaimers.d.ts"
+      ],
+      "ExtraDisclaimers": [
+        "dist/types/ExtraDisclaimers.d.ts"
+      ],
+      "Input": [
+        "dist/types/Input.d.ts"
+      ],
+      "Link": [
+        "dist/types/Link.d.ts"
+      ],
+      "MOLink": [
+        "dist/types/MOLink.d.ts"
+      ],
+      "PricePoint": [
+        "dist/types/PricePoint.d.ts"
+      ],
+      "Select": [
+        "dist/types/Select.d.ts"
+      ],
+      "TopLegals": [
+        "dist/types/TopLegals.d.ts"
+      ],
+      "LanguageSwitcher": [
+        "dist/types/LanguageSwitcher.d.ts"
+      ],
+      "Intl": [
+        "dist/types/Intl.d.ts"
+      ],
+      "PhoneEntry": [
+        "dist/types/PhoneEntry.d.ts"
+      ],
+      "PinEntry": [
+        "dist/types/PinEntry.d.ts"
+      ]
+    }
+  },
+  "dependencies": {
+    "awesome-phonenumber": "^7.0.1"
+  },
   "devDependencies": {
     "@babel/core": "^7.16.7",
+    "@chromatic-com/storybook": "^3.2.2",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.3",
-    "@storybook/addon-actions": "^6.4.13",
-    "@storybook/addon-essentials": "^6.4.13",
-    "@storybook/addon-links": "^6.4.13",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/blocks": "^8.4.7",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.4.13",
-    "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^12.1.2",
-    "@types/jest": "^27.4.0",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/jest": "^29.5.14",
     "@types/react": "18.2.0",
     "@types/react-test-renderer": "^17.0.1",
     "@typescript-eslint/eslint-plugin": "^4.19.0",
     "@typescript-eslint/parser": "^4.19.0",
+    "autoprefixer": "^10.4.20",
     "babel-loader": "^8.2.3",
     "babel-preset-react-app": "^10.0.1",
     "classnames": "^2.3.1",
     "esbuild": "^0.15.10",
-    "eslint": "^7.16.0",
+    "eslint": "7.16.0",
     "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-ouisys": "0.0.1",
+    "eslint-config-ouisys": "0.0.9",
     "eslint-config-prettier": "^7.1.0",
     "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest": "^24.1.3",
+    "eslint-plugin-jest": "24.1.3",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^3.3.0",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-storybook": "^0.11.1",
     "eslint-plugin-testing-library": "^3.10.1",
+    "eslint-webpack-plugin": "3.2.0",
+    "husky": "8.0.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.4.7",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^13.0.3",
-    "node-sass": "7",
     "postcss": "8",
     "prettier": "^2.7.1",
     "prettier-config-ouisys": "0.0.2",
@@ -61,39 +164,13 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.1",
+    "sass": "^1.83.0",
     "sass-loader": "^10",
-    "ts-jest": "^27.1.3",
-    "ts-node": "^10.9.1",
+    "storybook": "^8.4.7",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
     "typescript": "^4.5.4"
   },
-  "dependencies": {
-    "awesome-phonenumber": "^7.0.1"
-  },
-  "peerDependencies": {
-    "classnames": "^2.3.1",
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
-  },
-  "scripts": {
-    "build": "rm -rf build && rollup -c",
-    "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
-    "storybook:export": "build-storybook",
-    "build-storybook": "build-storybook",
-    "clean": "rm -rf ./dist && rm -rf ./build",
-    "watch": "tsc -b -w --preserveWatchOutput",
-    "lint": "eslint --fix 'src/**/*.{ts,tsx}'",
-    "format": "prettier --write .",
-    "test": "node --max_old_space_size=5096 node_modules/.bin/jest",
-    "test:local": "jest --runInBand",
-    "test:coverage": "yarn run test -- --watch --coverage --coverage-reporters=lcov --watchAll=false; echo \"\\033[32m>>> 🌹 Coverage report now in /coverage folder\"",
-    "test:coverageWatch": "yarn run test -- --watch --coverage --coverage-reporters=lcov --watchAll=true",
-    "test:watch": "yarn run test -- --watch --watchAll=true",
-    "test:debug": "node --inspect-brk node_modules/.bin/jest --watch --ci --runInBand",
-    "release": "yarn release:patch && release:publish && release:publish",
-    "release:patch": "npm version patch",
-    "release:publish": "npm publish",
-    "release:push": "git push"
-  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"
@@ -103,5 +180,14 @@
     "*": "prettier --ignore-unknown --write",
     "src/**/*.{ts,tsx}": "eslint --fix"
   },
+  "peerDependencies": {
+    "classnames": "^2.3.1",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  },
+  "engines": {
+    "node": ">=20",
+    "npm": ">=10"
+  },
   "prettier": "prettier-config-ouisys"
 }