@edvisor/product-language 0.3.0 → 0.4.0

package/lib/foundations/typography/fonts.d.ts

@@ -0,0 +1 @@
+export declare const InterFontFace = "\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n    U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n    U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n    format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n    U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n    U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n    U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n    format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n    U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n    U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n    U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n    format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n    U+2215, U+FEFF, U+FFFD;\n}\n";

package/lib/foundations/typography/index.d.ts

@@ -0,0 +1 @@
+export * from './typography';

package/lib/foundations/typography/text-aspect-flags.d.ts

@@ -0,0 +1,19 @@
+import { MappedEnum, PropsWithChildren, RequireOnlyOne } from '@helpers';
+export declare const enum TextAspects {
+    default = 1,
+    subdued = 2,
+    light = 4,
+    critical = 8,
+    success = 16,
+    onPrimary = 32,
+    onCritical = 64
+}
+declare type TextOptions<T> = MappedEnum<typeof TextAspects, T>;
+export declare type ITextAspectProps = Partial<RequireOnlyOne<TextOptions<boolean>>> & PropsWithChildren;
+export declare type TransientTextOptions = Omit<TextOptions<boolean>, 'onCritical' | 'onPrimary'> & {
+    $onCritical?: boolean;
+    $onPrimary?: boolean;
+};
+export declare type ITransientTextAspectProps = Partial<RequireOnlyOne<TransientTextOptions>> & PropsWithChildren;
+export declare function getTextAspect(props: ITextAspectProps & ITransientTextAspectProps): "#9CA3AF" | "#6B7280" | "#1F2937" | "#DC2626" | "#059669" | "#FFFFFF";
+export {};

package/lib/foundations/typography/typography.d.ts

@@ -0,0 +1,24 @@
+import { ITransientTextAspectProps } from './text-aspect-flags';
+export declare type ILabelProps = ITransientTextAspectProps & {
+    default?: boolean;
+    subtle?: boolean;
+    strong?: boolean;
+};
+export declare type IBodyProps = ITransientTextAspectProps & {
+    default?: boolean;
+    strong?: boolean;
+};
+export declare const Typography: {
+    Display: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading1: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading2: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading3: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading4: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Body: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IBodyProps, any>>;
+    BodyLarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IBodyProps, any>>;
+    Caption: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Label: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ILabelProps, any>>;
+};
+export declare const _Typography: {
+    LightText: import("styled-components").FlattenSimpleInterpolation;
+};

package/lib/helpers/generic-types.d.ts

@@ -0,0 +1,21 @@
+import { FC as FunctionComponent, ForwardRefExoticComponent, ForwardRefRenderFunction, PropsWithChildren as PWC, PropsWithoutRef, RefAttributes } from 'react';
+import { Slot } from './slots';
+/** @see https://stackoverflow.com/a/49725198/29182 */
+export declare type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
+    [K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
+}[Keys];
+export declare type MappedEnum<E, T> = {
+    [key in keyof E]: T;
+};
+export declare type Values<T> = T[keyof T];
+export declare type PropsWithChildren<T = unknown> = PWC<T>;
+export declare type FC<P = {}, E extends {
+    [x: symbol]: FunctionComponent<PropsWithChildren> | typeof Slot;
+} = {}> = FunctionComponent<P> & {
+    [key in keyof E]: E[key];
+};
+declare type ExtensibleForwardRef<T, P = {}, E = {}> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
+    [key in keyof E]: E[key];
+};
+export declare function forwardRef<T, P = {}, E = {}>(render: ForwardRefRenderFunction<T, P>): ExtensibleForwardRef<T, P, E>;
+export {};

package/lib/helpers/index.d.ts

@@ -0,0 +1,6 @@
+export * from './safe-navigation';
+export * from './slots';
+export * from './generic-types';
+export * from './numbers';
+export * from './nothing';
+export * from './strings';

package/lib/helpers/nothing.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from './generic-types';
+export declare const Nothing: FC;
+export declare function maybeRender<T>(prop: T, JSX: JSX.Element): JSX.Element;
+interface IIfProps {
+    is: unknown;
+}
+export declare const If: FC<PropsWithChildren<IIfProps>>;
+export {};

package/{src/lib/helpers/numbers.ts → lib/helpers/numbers.d.ts}

@@ -1,67 +1,50 @@
-export type Hex = `#${string}`
-
-export function clamp(a: number, b: number, c: number) {
-  return Math.max(a, Math.min(b, c))
-}
-
-export function toHex(n: number, length: number): Hex {
-  return `#${n.toString(16).padStart(length, '0').toUpperCase()}`
-}
-
-export function concatHex(a: Hex, b: Hex): Hex {
-  return `#${a.slice(1) + b.slice(1)}`
-}
-
-/** given an array of boolean flags, bitwiseOr interprets them as an unsigned integer
- * 
- * ```ts
- * bitwiseOr([false, true, false, true]) => 5 // 0b0101
- * ```
- * 
- * This is useful for indexing into an enum:
- * 
- * ```ts
- * const enum Level {
- *   default = 0,
- *   info = 0,
- *   danger = 1,
- *   warning = 2
- * }
- * 
- * interface IProps {
- *  info?: boolean
- *  danger?: boolean
- *  warning?: boolean
- * }
- * 
- * function toLevel(n: number): Level {
- *   switch (n) {
- *     case Level.info: return Level.info
- *     case Level.danger: return Level.danger
- *     case Level.warning: return Level.warning
- *     default: return Level.default
- *   }
- * }
- * 
- * const level = bitwiseOr([props.info, props.danger, props.warning])
- * 
- * const levelEnum = toLevel(level)
- * ```
-*/
-export function bitwiseOr(flags: unknown[]): number {
-  return flags.reduce((mask: number, flag, i) => mask | (Number(flag) << i), 0)
-}
-
-
-/** given a number, it returns the number formed by the rightmost set bit as 1 and the 0s that comes after it
- * 
- * ```ts
- * getRightmostSetBitNumber(12) => 4 // 12(1100) => 4(100)
- * getRightmostSetBitNumber(40) => 8 // 40(101000) => 8(1000)
- * ```
- * 
- * */
-
-export function getRightmostSetBitNumber(n: number) {
-  return n & -n
-}
+export declare type Hex = `#${string}`;
+export declare function clamp(a: number, b: number, c: number): number;
+export declare function toHex(n: number, length: number): Hex;
+export declare function concatHex(a: Hex, b: Hex): Hex;
+/** given an array of boolean flags, bitwiseOr interprets them as an unsigned integer
+ *
+ * ```ts
+ * bitwiseOr([false, true, false, true]) => 5 // 0b0101
+ * ```
+ *
+ * This is useful for indexing into an enum:
+ *
+ * ```ts
+ * const enum Level {
+ *   default = 0,
+ *   info = 0,
+ *   danger = 1,
+ *   warning = 2
+ * }
+ *
+ * interface IProps {
+ *  info?: boolean
+ *  danger?: boolean
+ *  warning?: boolean
+ * }
+ *
+ * function toLevel(n: number): Level {
+ *   switch (n) {
+ *     case Level.info: return Level.info
+ *     case Level.danger: return Level.danger
+ *     case Level.warning: return Level.warning
+ *     default: return Level.default
+ *   }
+ * }
+ *
+ * const level = bitwiseOr([props.info, props.danger, props.warning])
+ *
+ * const levelEnum = toLevel(level)
+ * ```
+*/
+export declare function bitwiseOr(flags: unknown[]): number;
+/** given a number, it returns the number formed by the rightmost set bit as 1 and the 0s that comes after it
+ *
+ * ```ts
+ * getRightmostSetBitNumber(12) => 4 // 12(1100) => 4(100)
+ * getRightmostSetBitNumber(40) => 8 // 40(101000) => 8(1000)
+ * ```
+ *
+ * */
+export declare function getRightmostSetBitNumber(n: number): number;

package/lib/helpers/safe-navigation.d.ts

@@ -0,0 +1,15 @@
+/** even though we have null disabled in the repo,
+ * I still would not want isNil to skip checking null
+ * it is for juuuuust in case a third party sends us a null
+ * or something, and the types are not correct
+ */
+export declare function isNil<T>(value: T | undefined | null): value is undefined | null;
+export declare function isDefined<T>(value: T | undefined | null): value is T;
+export declare function defaultTo<T>(value: T | undefined | null, fallback: T): T;
+export declare function isEmpty<T extends {
+    length: number;
+}>(obj: T): boolean;
+/** used for evaluating tri-state logic (true | false | undefined) */
+export declare function is(pred?: boolean): boolean;
+export declare function safeArray<T>(arr: T[] | undefined | null): T[];
+export declare function safeCallback<T>(f?: (e: T) => void, e?: T): void;

package/lib/helpers/slots.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties, PureComponent, ReactElement, ReactNode } from 'react';
+import { StyledComponent } from 'styled-components';
+import { FC, PropsWithChildren } from './generic-types';
+export declare const isReactElementOfType: <P extends {
+    children?: ReactNode;
+}>(component: (FC<P, {}> | typeof Slot | StyledComponent<FC<P, {}>, any, {}, never>) & {
+    target?: any;
+}) => (element?: any) => element is ReactElement<P, string | import("react").JSXElementConstructor<any>>;
+export declare const isSlotOfType: <T extends typeof Slot>(type: T | FC<{}, {}>) => (obj?: any) => obj is T;
+export declare class Slot<T = unknown> extends PureComponent<PropsWithChildren<T>> {
+    render(): PropsWithChildren<T>["children"] | undefined;
+}
+export declare class StylableSlot extends Slot {
+    render(): JSX.Element;
+}
+/** gets children that are _not_ slots */
+export declare function getOtherChildren(children?: ReactNode): ReactNode[];
+export declare function getSlots<T extends typeof Slot>(slot: T, children?: ReactNode): ReactElement[];
+export declare function getSlot<T extends typeof Slot>(slot: T, children?: ReactNode): ReactElement;
+/** given a ReactElement, like a child, apply the given props to it */
+export declare function applyProps<T>(element: ReactElement<T>, props: Partial<T>): ReactElement;
+/** given a ReactElement, like a child, apply the given styles to it, merging with the existing styles */
+export declare function applyStyle(element: ReactElement, style: CSSProperties): ReactElement;

package/lib/helpers/strings.d.ts

@@ -0,0 +1 @@
+export declare const toKebabCase: (str: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",
@@ -11,7 +11,11 @@
     "release": "release-it --disable-metrics"
   },
   "peerDependencies": {
-    "release": "*"
+    "release": "*",
+    "styled-components": "5.3.5",
+    "react": "18.2.0",
+    "react-window": "^1.8.8",
+    "@storybook/addon-docs": "^6.5.10"
   },
   "release-it": {
     "git": {
@@ -27,5 +31,10 @@
     "publishConfig": {
       "registry": "https://registry.npmjs.org"
     }
-  }
+  },
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./index.d.ts",
+  "dependencies": {}
 }

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nrwl/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": [["styled-components", { "pure": true, "ssr": true }]]
-}

package/.eslintrc.json

@@ -1,147 +0,0 @@
-{
-  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "plugins": [
-    "no-null"
-  ],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {
-        "semi": ["error", "never"],
-        "quotes": ["error", "single"],
-        "no-console": "warn",
-        "react/jsx-no-useless-fragment": ["warn", { "allowExpressions": true }], 
-        "no-null/no-null": 2,
-        "no-duplicate-case": "warn",
-        "no-restricted-syntax": [
-          "error",
-          {
-            "selector": "ImportDeclaration[source.value=/[^@]foundations/i]",
-            "message": "Import from @foundations instead of using a relative path"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/react/i] ImportSpecifier[imported.name=/FC/]",
-            "message": "Use `import { FC } from '@helpers'` instead"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/react/i] ImportSpecifier[imported.name=/PropsWithChildren/]",
-            "message": "Use `import { PropsWithChildren } from '@helpers'` instead"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/react/i] ImportSpecifier[imported.name=/forwardRef/]",
-            "message": "Use `import { forwardRef } from '@helpers'` instead"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/testing-library/i] ImportSpecifier[imported.name=/fireEvent/]",
-            "message": "Prefer `import userEvent from '@testing-library/user-event'` wherever possible.\n@see: https://edvisorio.atlassian.net/wiki/spaces/ENG/pages/235307017/First+contact+with+Testing+Library#Handling-Events"
-          },
-          {
-            "selector": "Literal[value=/[^&]#[a-zA-Z0-9]{1,6}/i]",
-            "message": "No hex literals, please import constants from @foundations"
-          },
-          {
-            "selector": "Literal[value=/padding.*: ([0-9]|')/i]",
-            "message": "No string pixel values for css padding, please import Padding from @foundations"
-          },
-          {
-            "selector": "TemplateElement[value.cooked=/[^&]#[a-zA-Z0-9]{1,6}/i]",
-            "message": "No hex literals, please import constants from @foundations"
-          },
-          {
-            "selector": "TemplateElement[value.cooked=/padding.*: ([0-9]|')/i]",
-            "message": "No ad-hoc padding, please import { Padding } from '@foundations'"
-          },
-          {
-            "selector": "TemplateElement[value.cooked=/margin.*: ([0-9]|')/i]",
-            "message": "No ad-hoc margins, please import { Margin } from '@foundations'"
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.ts", "*.tsx"],
-      "parserOptions": {
-        "project": ["packages/product-language/tsconfig.*?.json", "packages/product-language/.storybook/tsconfig.json"]
-      },
-      "rules": {
-        "no-shadow": "off",
-        "@typescript-eslint/no-shadow": "warn",
-        "@typescript-eslint/no-explicit-any": "error",
-        "@typescript-eslint/no-invalid-void-type": "error",
-        "@typescript-eslint/ban-types": ["error", {
-          "types": {
-            "null": "Use 'undefined' instead of 'null'",
-            "React.FC": "Use `import { FC } from '@helpers'` instead",
-            "React.PropsWithChildren": "Use `import { PropsWithChildren } from '@helpers'` instead",
-            "React.forwardRef": "Use `import { forwardRef } from '@helpers'` instead"
-          }
-        }],
-        "@typescript-eslint/strict-boolean-expressions": ["error", {
-          "allowString": false,
-          "allowNumber": false,
-          "allowNullableObject": false
-        }]
-      }
-    },
-    {
-      "files": ["*.tsx"],
-      "parserOptions": {
-        "project": ["packages/product-language/tsconfig.*?.json"]
-      },
-      "rules": {
-        "no-restricted-syntax": [
-          "error",
-          {
-            "selector": "FunctionDeclaration[id.name=/^[A-Z]/]",
-            "message": "Components should be declared `const MyComponent: FC<IProps> = (props) => {`"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/[^@]foundations/i]",
-            "message": "Import from @foundations instead of using a relative path"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/react/i] ImportSpecifier[imported.name=/FC/]",
-            "message": "Use `import { FC } from '@helpers'` instead"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/react/i] ImportSpecifier[imported.name=/PropsWithChildren/]",
-            "message": "Use `import { Props } from '@helpers'` instead"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/react/i] ImportSpecifier[imported.name=/forwardRef/]",
-            "message": "Use `import { forwardRef } from '@helpers'` instead"
-          },
-          {
-            "selector": "ImportDeclaration[source.value=/testing-library/i] ImportSpecifier[imported.name=/fireEvent/]",
-            "message": "Prefer `import userEvent from '@testing-library/user-event'` wherever possible.\n@see: https://edvisorio.atlassian.net/wiki/spaces/ENG/pages/235307017/First+contact+with+Testing+Library#Handling-Events"
-          },
-          {
-            "selector": "Literal[value=/[^&]#[a-zA-Z0-9]{1,6}/i]",
-            "message": "No hex literals, please import constants from @foundations"
-          },
-          {
-            "selector": "Literal[value=/padding.*: ([0-9]|')/i]",
-            "message": "No string pixel values for css padding, please import Padding from @foundations"
-          },
-          {
-            "selector": "TemplateElement[value.cooked=/[^&]#[a-zA-Z0-9]{1,6}/i]",
-            "message": "No hex literals, please import constants from @foundations"
-          },
-          {
-            "selector": "TemplateElement[value.cooked=/padding.*: ([0-9]|')/i]",
-            "message": "No ad-hoc padding, please import { Padding } from '@foundations'"
-          },
-          {
-            "selector": "TemplateElement[value.cooked=/margin.*: ([0-9]|')/i]",
-            "message": "No ad-hoc margins, please import { Margin } from '@foundations'"
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.js", "*.jsx"],
-      "rules": {}
-    }
-  ]
-}

package/.storybook/main.js

@@ -1,57 +0,0 @@
-const rootMain = require('../../../.storybook/main')
-const path = require('path')
-const webpack = require('webpack')
-
-// we can't import from our design-system here
-// so I'm replicating the constant
-// eslint-disable-next-line no-restricted-syntax
-const backgroundDefault = '#F3F4F6'
-
-module.exports = {
-  ...rootMain,
-
-  core: { ...rootMain.core, builder: 'webpack5' },
-
-  stories: [
-    ...rootMain.stories,
-    '../src/lib/**/*.stories.mdx',
-    '../src/lib/**/*.stories.@(js|jsx|ts|tsx)',
-  ],
-  addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],
-  staticDirs: [{from: '../src/assets', to:'/public'}],
-  webpackFinal: async (config, { configType }) => {
-    // apply any global webpack configs that might have been specified in .storybook/main.js
-    if (rootMain.webpackFinal) {
-      config = await rootMain.webpackFinal(config, { configType })
-    }
-
-    config.plugins.push(
-      new webpack.ProvidePlugin({
-        Buffer: ['buffer', 'Buffer'],
-      }),
-    )
-
-    config.module.rules.push({
-      test: /\.(png|woff|woff2|eot|ttf|svg)$/,
-      use: [
-        {
-          loader: require.resolve('file-loader'),
-          options: {
-            name: '[name].[ext]'
-          }
-        }
-      ],
-      include: path.resolve(__dirname, '../')
-    })
-
-    return config
-  },
-  previewHead: (head) => `
-  ${head}
-  <style>
-    html, body {
-      background: ${backgroundDefault};
-    }
-  </style>
-`,
-}

package/.storybook/manager.js

@@ -1,7 +0,0 @@
-import { addons } from '@storybook/addons'
-
-addons.setConfig({
-  sidebar: {
-    showRoots: true,
-  },
-})

package/.storybook/preview.js

@@ -1,15 +0,0 @@
-import { liveDecorator } from 'storybook-addon-jarle-monaco'
-
-export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}
-
-export const decorators = [
-  liveDecorator
-]

package/.storybook/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "emitDecoratorMetadata": true,
-    "outDir": "",
-    "noEmit": true
-  },
-  "files": [
-    "../../../node_modules/@nrwl/react/typings/styled-jsx.d.ts",
-    "../../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
-    "../../../node_modules/@nrwl/react/typings/image.d.ts"
-  ],
-
-  "exclude": [
-    "../**/*.spec.ts",
-    "../**/*.spec.js",
-    "../**/*.spec.tsx",
-    "../**/*.spec.jsx"
-  ],
-  "include": [
-    "../src/**/storybook/*",
-    "../src/**/stories/*",
-    "../src/**/*.stories.ts",
-    "../src/**/*.stories.js",
-    "../src/**/*.stories.jsx",
-    "../src/**/*.stories.tsx",
-    "../src/**/*.stories.mdx",
-    "*.js"
-  ]
-}

package/jest.config.ts

@@ -1,15 +0,0 @@
-/* eslint-disable */
-export default {
-  displayName: 'product-language',
-  preset: '../../jest.preset.js',
-  transform: {
-    '^.+\\.[tj]sx?$': 'babel-jest',
-  },
-  moduleNameMapper: {
-    '^.+\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)$': '<rootDir>/fileTransformer.js',
-    '^.+\\.(css)$': 'identity-obj-proxy',//we can remove if we dont have css files
-  },
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
-  coverageDirectory: '../../coverage/packages/product-language',
-  setupFilesAfterEnv: ['./jest.setup.ts'],
-};

package/jest.setup.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom'
-import 'jest-axe/extend-expect'