@ilo-org/react 0.13.0 → 0.14.1

package/src/types/index.ts

@@ -1,139 +0,0 @@
-import { FormControlPublicProps } from "../components/FormControl/FormControl.props";
-
-// export type AccordionSize = "small" | "large";
-export type ThemeTypes = "light" | "dark";
-export type ButtonFunctions = "button" | "submit" | "reset";
-export type ButtonTypes = "primary" | "secondary" | "tertiary" | "alert";
-export type CalloutTypes = "info" | "error" | "success" | "warning";
-export type ChoiceGroupFieldTypes = "checkbox" | "radio";
-export type FieldTypes =
-  | "checkbox"
-  | "date"
-  | "dropdown"
-  | "formgroup"
-  | "input"
-  | "number"
-  | "radio"
-  | "textarea"
-  | "toggle"
-  | "file";
-export type FormGroupTypes = "default" | "filter";
-export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export type TextInputTypes =
-  | "email"
-  | "hidden"
-  | "password"
-  | "search"
-  | "tel"
-  | "text"
-  | "url";
-export type Language = "en" | "fr" | "es";
-export type LabelTypes = "default" | "actionable" | "light";
-export type LinkTypes = "light" | "dark" | "footer" | "button";
-export type LinkListThemes = "light" | "dark";
-export type TooltipThemes = "light" | "dark";
-export type TooltipIconThemes = "light" | "dark";
-export type TooltipAlignment = "top" | "right" | "bottom" | "left";
-export type TooltipPlacement = "negative" | "center" | "positive";
-export type ListAlignment = "default" | "horizontal";
-export type ListOrder = "unordered" | "ordered" | "unstyled";
-export type LoadingStatus = "idle" | "loading" | "loaded";
-export type LoadingSize = "small" | "large";
-export type NotificationPlacement = "dialog" | "inline";
-export type NotificationTypes = "error" | "info" | "success" | "warning";
-export type PositionTypes = "top" | "bottom" | "left" | "right";
-export type SizeTypes = "small" | "medium" | "large";
-export type TagTypes = "anchor" | "display" | "button";
-export type SocialTypes =
-  | "facebook"
-  | "twitter"
-  | "instagram"
-  | "linkedin"
-  | "youtube"
-  | "tiktok"
-  | "flickr";
-export type CardColor = "turquoise" | "green" | "yellow" | "blue";
-export type CardSize = "wide" | "standard" | "narrow" | "fluid";
-export type CardCornerType = boolean;
-export type CardAlignment = "left" | "right";
-export type CardTypes =
-  | "stat"
-  | "multilink"
-  | "text"
-  | "promo"
-  | "feature"
-  | "detail"
-  | "factlist"
-  | "data";
-
-export type EventDate = {
-  unix?: string;
-  human?: string;
-};
-
-export interface FormFieldProps<T> {
-  /**
-   * The input's onChange callback.
-   */
-  onChange?: (e: React.ChangeEvent<T>) => any;
-
-  /**
-   * The input's onBlur callback.
-   */
-  onBlur?: (e: React.FocusEvent<T>) => any;
-
-  /**
-   * Specify an optional className to be added to your input.
-   */
-  className?: string;
-
-  /**
-   * Is the input disabled?
-   */
-  disabled?: boolean;
-
-  /**
-   * Does the input have an error?
-   */
-  error?: boolean;
-
-  /**
-   * The input's id attribute. Will otherwise be set to the same value as `name`.
-   */
-  id?: string;
-
-  /**
-   * The input's name attribute.
-   */
-  name: string;
-
-  /**
-   * Specify whether this input is required
-   */
-  required?: boolean;
-
-  /**
-   * Inline styles applies to the outermost container
-   */
-  style?: React.CSSProperties;
-}
-
-export interface ChoiceFieldProps<T> extends FormFieldProps<T> {
-  /**
-   * Whether the input should be checked by default
-   **/
-  defaultChecked?: boolean;
-
-  /**
-   * Whether the input is checked
-   */
-  checked?: boolean;
-
-  /**
-   * The input's value attribute.
-   */
-  value?: string;
-}
-
-export type LabelledFormFieldProps<T> = T &
-  FormControlPublicProps & { inputStyle?: React.CSSProperties };

package/src/types/temp.d.ts

@@ -1,9 +0,0 @@
-//@TODO: Get rid of this as soon as type declarations are available for icons-react
-declare module "@ilo-org/icons-react";
-
-//@TODO: Get rid of this as soon as this issue has been resolved
-// https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/59684
-declare module "react-transition-group/Transition" {
-  export default Transition;
-  export { TransitionStatus, ENTERED, ENTERING, EXITED, EXITING };
-}

package/src/utils/checkArrayDuplicates.ts

@@ -1,3 +0,0 @@
-export function checkArrayDuplicates(array: string[]) {
-  return array.some((val, i) => array.indexOf(val) !== i);
-}

package/src/utils/createChainedFunction.ts

@@ -1,31 +0,0 @@
-/**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @param {function} functions to chain
- * @returns {function|null}
- */
-function createChainedFunction(...funcs: any[]) {
-  return funcs
-    .filter((f) => f != null)
-    .reduce((acc, f) => {
-      if (typeof f !== "function") {
-        throw new Error(
-          "Invalid Argument Type, must only provide functions, undefined, or null."
-        );
-      }
-
-      if (acc === null) return f;
-
-      return function chainedFunction(...args: any[]) {
-        // @ts-ignore
-        acc.apply(this, args);
-        // @ts-ignore
-        f.apply(this, args);
-      };
-    }, null);
-}
-
-export default createChainedFunction;

package/src/utils/getDefaultDimensionValue.ts

@@ -1,28 +0,0 @@
-import css from "dom-helpers/css";
-
-type Dimension = "height" | "width";
-
-const MARGINS: { [d in Dimension]: string[] } = {
-  height: ["marginTop", "marginBottom"],
-  width: ["marginLeft", "marginRight"],
-};
-
-export default function getDefaultDimensionValue(
-  dimension: Dimension,
-  elem: HTMLElement
-): number {
-  const offset = `offset${dimension[0].toUpperCase()}${dimension.slice(
-    1
-  )}` as keyof HTMLElement;
-  const value = elem[offset];
-  const margins = MARGINS[dimension];
-
-  return (
-    // @ts-ignore
-    value +
-    // @ts-ignore
-    parseInt(css(elem, margins[0]), 10) +
-    // @ts-ignore
-    parseInt(css(elem, margins[1]), 10)
-  );
-}

package/src/utils/hoursMinutesSeconds.ts

@@ -1,8 +0,0 @@
-export default function hoursMinutesSeconds(secs: number): string {
-  const hours = Math.floor(secs / 60 / 60);
-  const minutes = Math.floor(secs / 60) - Math.floor(hours * 60);
-  const seconds = Math.floor(secs % 60);
-  return `${hours > 0 ? hours.toString().padStart(2, "0") + ":" : ""}${minutes
-    .toString()
-    .padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
-}

package/src/utils/index.ts

@@ -1,6 +0,0 @@
-export { checkArrayDuplicates } from "./checkArrayDuplicates";
-export { default as createChainedFunctions } from "./createChainedFunction";
-export { default as getDefaultDimensionValue } from "./getDefaultDimensionValue";
-export { default as hoursMinutesSeconds } from "./hoursMinutesSeconds";
-export { default as transitionEndListener } from "./transitionEndListener";
-export { default as triggerBrowserReflow } from "./triggerBrowserReflow";

package/src/utils/transitionEndListener.ts

@@ -1,29 +0,0 @@
-import css from "dom-helpers/css";
-import transitionEnd from "dom-helpers/transitionEnd";
-
-function parseDuration(
-  node: HTMLElement,
-  property: "transitionDuration" | "transitionDelay"
-) {
-  const str = css(node, property) || "";
-  const mult = str.indexOf("ms") === -1 ? 1000 : 1;
-  return parseFloat(str) * mult;
-}
-
-export default function transitionEndListener(
-  element: HTMLElement,
-  handler: (e: TransitionEvent) => void
-) {
-  const duration = parseDuration(element, "transitionDuration");
-  const delay = parseDuration(element, "transitionDelay");
-  const remove = transitionEnd(
-    element,
-    (e) => {
-      if (e.target === element) {
-        remove();
-        handler(e);
-      }
-    },
-    duration + delay
-  );
-}

package/src/utils/triggerBrowserReflow.ts

@@ -1,4 +0,0 @@
-export default function triggerBrowserReflow(node: HTMLElement): void {
-  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-  node.offsetHeight;
-}

package/tsconfig.build.json

@@ -1,19 +0,0 @@
-{
-  "extends": "@ilo-org/typescript-config",
-  "include": ["src/**/*"],
-  "compilerOptions": {
-    "types": ["node"],
-    "declaration": true,
-    "declarationDir": "lib/types"
-  },
-  "exclude": [
-    "node_modules",
-    "lib",
-    "storybook-static",
-    "src/stories",
-    "src/__tests__",
-    "**/*.args.ts",
-    "src/setup.ts",
-    "scripts"
-  ]
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.build.json",
-  "exclude": ["node_modules", "lib", "storybook-static"],
-  "compilerOptions": {
-    "types": ["jest", "node"],
-    "module": "ESNext"
-  }
-}