@qite/tide-booking-component 1.0.17 → 1.0.19

package/README.md

@@ -1,8 +1,8 @@
-# README
-
-This is the unified Tide Booking Component.
-
-## Remarks
-
-Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
-If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`
+# README
+
+This is the unified Tide Booking Component.
+
+## Remarks
+
+Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
+If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`

package/package.json

@@ -1,71 +1,71 @@
-{
-  "name": "@qite/tide-booking-component",
-  "version": "1.0.17",
-  "description": "React BookingWizard component for Tide",
-  "main": "build/build-cjs/index.js",
-  "module": "build/build-esm/index.js",
-  "scripts": {
-    "start": "rollup -c -w",
-    "build": "rollup -c",
-    "tsc": "tsc --noEmit",
-    "format": "prettier --write ."
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@bitbucket.org/qitegeneral/tide-booking-component.git"
-  },
-  "keywords": [
-    "tide",
-    "booking",
-    "react",
-    "component"
-  ],
-  "author": "Kristof Colpaert <kristof.colpaert@qite.be>",
-  "license": "OBSD",
-  "homepage": "https://bitbucket.org/qitegeneral/tide-booking-component#readme",
-  "devDependencies": {
-    "@jsonurl/jsonurl": "^1.1.4",
-    "@reach/router": "^1.3.4",
-    "@reduxjs/toolkit": "^1.6.0",
-    "@rollup/plugin-commonjs": "^19.0.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.2",
-    "@types/flat": "^5.0.2",
-    "@types/lodash": "^4.14.171",
-    "@types/reach__router": "^1.3.9",
-    "@types/react-dom": "^17.0.11",
-    "@types/uuid": "^8.3.1",
-    "date-fns": "^2.22.1",
-    "flat": "^5.0.2",
-    "formik": "^2.2.9",
-    "lodash": "^4.17.21",
-    "prettier": "^2.3.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-redux": "^7.2.4",
-    "rollup": "^2.53.2",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "tslib": "^2.3.1",
-    "typescript": "^4.3.5",
-    "uuid": "^8.3.2"
-  },
-  "peerDependencies": {
-    "@jsonurl/jsonurl": "^1.1.4",
-    "@reach/router": "^1.3.4",
-    "@reduxjs/toolkit": "^1.6.0",
-    "date-fns": "^2.22.1",
-    "flat": "^5.0.2",
-    "formik": "^2.2.9",
-    "immer": "^9.0.5",
-    "lodash": "^4.17.21",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-redux": "^7.2.4",
-    "uuid": "^8.3.2"
-  },
-  "dependencies": {
-    "@qite/tide-client": "1.1.21"
-  }
-}
+{
+  "name": "@qite/tide-booking-component",
+  "version": "1.0.19",
+  "description": "React BookingWizard component for Tide",
+  "main": "build/build-cjs/index.js",
+  "module": "build/build-esm/index.js",
+  "scripts": {
+    "start": "rollup -c -w",
+    "build": "rollup -c",
+    "tsc": "tsc --noEmit",
+    "format": "prettier --write ."
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org/qitegeneral/tide-booking-component.git"
+  },
+  "keywords": [
+    "tide",
+    "booking",
+    "react",
+    "component"
+  ],
+  "author": "Kristof Colpaert <kristof.colpaert@qite.be>",
+  "license": "OBSD",
+  "homepage": "https://bitbucket.org/qitegeneral/tide-booking-component#readme",
+  "devDependencies": {
+    "@jsonurl/jsonurl": "^1.1.4",
+    "@reach/router": "^1.3.4",
+    "@reduxjs/toolkit": "^1.6.0",
+    "@rollup/plugin-commonjs": "^19.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.2",
+    "@types/flat": "^5.0.2",
+    "@types/lodash": "^4.14.171",
+    "@types/reach__router": "^1.3.9",
+    "@types/react-dom": "^17.0.11",
+    "@types/uuid": "^8.3.1",
+    "date-fns": "^2.22.1",
+    "flat": "^5.0.2",
+    "formik": "^2.2.9",
+    "lodash": "^4.17.21",
+    "prettier": "^2.3.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-redux": "^7.2.4",
+    "rollup": "^2.53.2",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.30.0",
+    "tslib": "^2.3.1",
+    "typescript": "^4.3.5",
+    "uuid": "^8.3.2"
+  },
+  "peerDependencies": {
+    "@jsonurl/jsonurl": "^1.1.4",
+    "@reach/router": "^1.3.4",
+    "@reduxjs/toolkit": "^1.6.0",
+    "date-fns": "^2.22.1",
+    "flat": "^5.0.2",
+    "formik": "^2.2.9",
+    "immer": "^9.0.5",
+    "lodash": "^4.17.21",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
+    "react-redux": "^7.2.4",
+    "uuid": "^8.3.2"
+  },
+  "dependencies": {
+    "@qite/tide-client": "1.1.21"
+  }
+}

package/rollup.config.js

@@ -1,23 +1,23 @@
-import commonjs from "@rollup/plugin-commonjs";
-import del from "rollup-plugin-delete";
-import json from "@rollup/plugin-json";
-import nodeResolve from "@rollup/plugin-node-resolve";
-import packageJson from "./package.json";
-import peerDepsExternal from "rollup-plugin-peer-deps-external";
-import typescript from "rollup-plugin-typescript2";
-
-export default {
-  input: "src/index.ts",
-  output: [
-    { file: packageJson.main, format: "cjs", banner: "/* eslint-disable */" },
-    { file: packageJson.module, format: "esm", banner: "/* eslint-disable */" },
-  ],
-  plugins: [
-    peerDepsExternal(),
-    json(),
-    nodeResolve(),
-    commonjs(),
-    typescript(),
-    del({ targets: ["build/*"] }),
-  ],
-};
+import commonjs from "@rollup/plugin-commonjs";
+import del from "rollup-plugin-delete";
+import json from "@rollup/plugin-json";
+import nodeResolve from "@rollup/plugin-node-resolve";
+import packageJson from "./package.json";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import typescript from "rollup-plugin-typescript2";
+
+export default {
+  input: "src/index.ts",
+  output: [
+    { file: packageJson.main, format: "cjs", banner: "/* eslint-disable */" },
+    { file: packageJson.module, format: "esm", banner: "/* eslint-disable */" },
+  ],
+  plugins: [
+    peerDepsExternal(),
+    json(),
+    nodeResolve(),
+    commonjs(),
+    typescript(),
+    del({ targets: ["build/*"] }),
+  ],
+};

package/src/booking-wizard/components/icon.tsx

@@ -1,29 +1,29 @@
-import React from "react";
-import { isEmpty } from "lodash";
-import { useContext } from "react";
-import SettingsContext from "../settings-context";
-
-interface IconProps {
-  name: string;
-  className?: string;
-}
-
-const Icon: React.FC<IconProps> = ({ name, className }) => {
-  const { icons } = useContext(SettingsContext);
-
-  if (!icons) {
-    return null;
-  }
-
-  return (
-    <svg
-      className={["icon", `icon--${name}`, className]
-        .filter((className) => !isEmpty(className))
-        .join(" ")}
-    >
-      <use href={`${icons}#${name}`}></use>
-    </svg>
-  );
-};
-
-export default Icon;
+import React from "react";
+import { isEmpty } from "lodash";
+import { useContext } from "react";
+import SettingsContext from "../settings-context";
+
+interface IconProps {
+  name: string;
+  className?: string;
+}
+
+const Icon: React.FC<IconProps> = ({ name, className }) => {
+  const { icons } = useContext(SettingsContext);
+
+  if (!icons) {
+    return null;
+  }
+
+  return (
+    <svg
+      className={["icon", `icon--${name}`, className]
+        .filter((className) => !isEmpty(className))
+        .join(" ")}
+    >
+      <use href={`${icons}#${name}`}></use>
+    </svg>
+  );
+};
+
+export default Icon;

package/src/booking-wizard/components/labeled-input.tsx

@@ -1,64 +1,64 @@
-import React from "react";
-import { buildClassName } from "../utils/class-util";
-import { compact } from "lodash";
-
-interface LabeledInputProps {
-  name: string;
-  type?: string;
-  required?: boolean;
-  value?: string | number;
-  defaultValue?: string | number;
-  min?: string | number;
-  max?: string | number;
-  label?: string;
-  placeholder?: string;
-  hasError?: boolean;
-  extraClassName?: string;
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  onBlur?: React.FocusEventHandler<HTMLInputElement>;
-}
-
-const LabeledInput: React.FC<LabeledInputProps> = ({
-  name,
-  type,
-  required,
-  value,
-  defaultValue,
-  min,
-  max,
-  label,
-  placeholder,
-  extraClassName,
-  hasError,
-  onChange,
-  onBlur,
-}) => {
-  return (
-    <label
-      className={buildClassName([
-        "form__group",
-        extraClassName,
-        hasError && "form__group--error",
-      ])}
-    >
-      <span className="form__label">
-        {compact([label, required && "*"]).join(" ")}
-      </span>
-      <input
-        name={name}
-        type={type ?? "text"}
-        required={required}
-        className="form__input"
-        min={min}
-        max={max}
-        placeholder={placeholder}
-        onChange={onChange}
-        onBlur={onBlur}
-        value={value}
-        defaultValue={defaultValue}
-      />
-    </label>
-  );
-};
-
-export default LabeledInput;
+import React from "react";
+import { buildClassName } from "../utils/class-util";
+import { compact } from "lodash";
+
+interface LabeledInputProps {
+  name: string;
+  type?: string;
+  required?: boolean;
+  value?: string | number;
+  defaultValue?: string | number;
+  min?: string | number;
+  max?: string | number;
+  label?: string;
+  placeholder?: string;
+  hasError?: boolean;
+  extraClassName?: string;
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
+  onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}
+
+const LabeledInput: React.FC<LabeledInputProps> = ({
+  name,
+  type,
+  required,
+  value,
+  defaultValue,
+  min,
+  max,
+  label,
+  placeholder,
+  extraClassName,
+  hasError,
+  onChange,
+  onBlur,
+}) => {
+  return (
+    <label
+      className={buildClassName([
+        "form__group",
+        extraClassName,
+        hasError && "form__group--error",
+      ])}
+    >
+      <span className="form__label">
+        {compact([label, required && "*"]).join(" ")}
+      </span>
+      <input
+        name={name}
+        type={type ?? "text"}
+        required={required}
+        className="form__input"
+        min={min}
+        max={max}
+        placeholder={placeholder}
+        onChange={onChange}
+        onBlur={onBlur}
+        value={value}
+        defaultValue={defaultValue}
+      />
+    </label>
+  );
+};
+
+export default LabeledInput;

package/src/booking-wizard/components/labeled-select.tsx

@@ -1,69 +1,69 @@
-import React from "react";
-import { buildClassName } from "../utils/class-util";
-import { compact } from "lodash";
-
-interface LabeledSelectProps {
-  name: string;
-  id?: string;
-  required?: boolean;
-  value?: string | number;
-  defaultValue?: string | number;
-  label?: string;
-  hasError?: boolean;
-  extraClassName?: string;
-  extraDropdownClassName?: string;
-  options?: {
-    key: string;
-    value: string | number | undefined;
-    label: string;
-  }[];
-  onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-  onBlur?: React.FocusEventHandler<HTMLSelectElement>;
-}
-
-const LabeledSelect: React.FC<LabeledSelectProps> = ({
-  name,
-  id,
-  required,
-  value,
-  defaultValue,
-  label,
-  extraClassName,
-  extraDropdownClassName,
-  hasError,
-  options,
-  onChange,
-  onBlur,
-}) => {
-  return (
-    <label
-      className={buildClassName([
-        "form__group",
-        extraClassName,
-        hasError && "form__group--error",
-      ])}
-    >
-      <span className="form__label">
-        {compact([label, required && "*"]).join(" ")}
-      </span>
-      <div className={buildClassName(["dropdown", extraDropdownClassName])}>
-        <select
-          name={name}
-          id={id}
-          defaultValue={defaultValue}
-          value={value}
-          onBlur={onBlur}
-          onChange={onChange}
-        >
-          {options?.map((option) => (
-            <option key={option.key} value={option.value}>
-              {option.label}
-            </option>
-          ))}
-        </select>
-      </div>
-    </label>
-  );
-};
-
-export default LabeledSelect;
+import React from "react";
+import { buildClassName } from "../utils/class-util";
+import { compact } from "lodash";
+
+interface LabeledSelectProps {
+  name: string;
+  id?: string;
+  required?: boolean;
+  value?: string | number;
+  defaultValue?: string | number;
+  label?: string;
+  hasError?: boolean;
+  extraClassName?: string;
+  extraDropdownClassName?: string;
+  options?: {
+    key: string;
+    value: string | number | undefined;
+    label: string;
+  }[];
+  onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+  onBlur?: React.FocusEventHandler<HTMLSelectElement>;
+}
+
+const LabeledSelect: React.FC<LabeledSelectProps> = ({
+  name,
+  id,
+  required,
+  value,
+  defaultValue,
+  label,
+  extraClassName,
+  extraDropdownClassName,
+  hasError,
+  options,
+  onChange,
+  onBlur,
+}) => {
+  return (
+    <label
+      className={buildClassName([
+        "form__group",
+        extraClassName,
+        hasError && "form__group--error",
+      ])}
+    >
+      <span className="form__label">
+        {compact([label, required && "*"]).join(" ")}
+      </span>
+      <div className={buildClassName(["dropdown", extraDropdownClassName])}>
+        <select
+          name={name}
+          id={id}
+          defaultValue={defaultValue}
+          value={value}
+          onBlur={onBlur}
+          onChange={onChange}
+        >
+          {options?.map((option) => (
+            <option key={option.key} value={option.value}>
+              {option.label}
+            </option>
+          ))}
+        </select>
+      </div>
+    </label>
+  );
+};
+
+export default LabeledSelect;

package/src/booking-wizard/components/message.tsx

@@ -1,34 +1,34 @@
-import Icon from "./icon";
-import React from "react";
-import { buildClassName } from "../utils/class-util";
-
-interface MessageProps {
-  type: "error" | "success";
-  title: string;
-  actionComponent?: JSX.Element;
-  children?: JSX.Element | JSX.Element[];
-}
-
-const Message: React.FC<MessageProps> = ({
-  type,
-  title,
-  actionComponent,
-  children,
-}) => (
-  <div
-    className={buildClassName([
-      "booking-message",
-      type === "error" && "booking-message--error",
-      type === "success" && "booking-message--success",
-    ])}
-  >
-    {type === "error" && <Icon name="ui-error" />}
-    <h4 className="booking-message__heading">{title}</h4>
-    <div className="booking-message__text">{children}</div>
-    {actionComponent && (
-      <div className="booking-message__actions">{actionComponent}</div>
-    )}
-  </div>
-);
-
-export default Message;
+import Icon from "./icon";
+import React from "react";
+import { buildClassName } from "../utils/class-util";
+
+interface MessageProps {
+  type: "error" | "success";
+  title: string;
+  actionComponent?: JSX.Element;
+  children?: JSX.Element | JSX.Element[];
+}
+
+const Message: React.FC<MessageProps> = ({
+  type,
+  title,
+  actionComponent,
+  children,
+}) => (
+  <div
+    className={buildClassName([
+      "booking-message",
+      type === "error" && "booking-message--error",
+      type === "success" && "booking-message--success",
+    ])}
+  >
+    {type === "error" && <Icon name="ui-error" />}
+    <h4 className="booking-message__heading">{title}</h4>
+    <div className="booking-message__text">{children}</div>
+    {actionComponent && (
+      <div className="booking-message__actions">{actionComponent}</div>
+    )}
+  </div>
+);
+
+export default Message;