@phillips/seldon 1.6.0 → 1.7.1

package/dist/_virtual/_commonjsHelpers.js

@@ -1,8 +1,6 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  e as getDefaultExportFromCjs
 };

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface ErrorBoundaryProps {
+    /**
+     *  Optional fallback component to render in case an error is thrown in the wrapped component
+     */
+    fallback?: React.ReactNode;
+    /**
+     *  Optional logging method to call when error is thrown
+     */
+    logger: (error: Error, info: string) => void;
+    /**
+     *  Wrapped component(s)
+     */
+    children: React.ReactNode;
+}
+interface State {
+    hasError: boolean;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, State> {
+    static defaultProps: {
+        logger: {
+            (...data: any[]): void;
+            (message?: any, ...optionalParams: any[]): void;
+        };
+    };
+    state: State;
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}
+export default ErrorBoundary;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,29 @@
+var n = Object.defineProperty;
+var i = (e, r, t) => r in e ? n(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var o = (e, r, t) => (i(e, typeof r != "symbol" ? r + "" : r, t), t);
+import { jsx as c } from "react/jsx-runtime";
+import * as l from "react";
+class p extends l.Component {
+  constructor() {
+    super(...arguments);
+    o(this, "state", {
+      hasError: !1
+    });
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(t, a) {
+    var s;
+    (s = this.props) == null || s.logger(t, a.componentStack);
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback || /* @__PURE__ */ c("h2", { children: "Sorry... An error occurred and we are looking into it" }) : this.props.children;
+  }
+}
+o(p, "defaultProps", {
+  logger: console.log
+});
+export {
+  p as default
+};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Button } from './components/Button/Button';
-export { default as DatePicker } from './components/DatePicker/DatePicker';
+export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
 export { default as Header } from './components/Header/Header';
 export { default as HeroBanner } from './components/HeroBanner/HeroBanner';
 export { default as Input } from './components/Input/Input';

package/dist/index.js

@@ -1,16 +1,16 @@
 import { default as a } from "./components/Button/Button.js";
-import { default as o } from "./components/DatePicker/DatePicker.js";
+import { default as t } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as u } from "./components/Header/Header.js";
 import { default as l } from "./components/HeroBanner/HeroBanner.js";
 import { default as m } from "./components/Input/Input.js";
 import { default as x } from "./components/Select/Select.js";
-import { default as c } from "./pages/Page.js";
+import { default as B } from "./pages/Page.js";
 export {
   a as Button,
-  o as DatePicker,
+  t as ErrorBoundary,
   u as Header,
   l as HeroBanner,
   m as Input,
-  c as Page,
+  B as Page,
   x as Select
 };

package/dist/utils/index.js

@@ -1,13 +1,12 @@
 import { jsx as s } from "react/jsx-runtime";
-const a = "phillips", p = () => {
-};
-function u({
+const n = "phillips";
+function c({
   disabled: l = !1,
   id: r,
   invalid: d = !1,
   invalidText: t = "invalid",
   readOnly: o = !1,
-  type: n,
+  type: a,
   warn: v = !1,
   warnText: e
 }) {
@@ -15,7 +14,7 @@ function u({
     disabled: !o && l,
     invalid: !o && !l && d,
     invalidId: `${r}-error-msg`,
-    type: n === "toggle" ? "checkbox" : n,
+    type: a === "toggle" ? "checkbox" : a,
     warn: !o && !l && !d && v,
     warnId: `${r}-warn-msg`,
     validation: null
@@ -23,21 +22,20 @@ function u({
   return i.invalid && (i.validation = /* @__PURE__ */ s(
     "div",
     {
-      className: `${a}-input__validation ${a}-${n}-input--invalid`,
+      className: `${n}-input__validation ${n}-${a}-input--invalid`,
       id: i.invalidId,
       children: t
     }
   )), i.warn && (i.validation = /* @__PURE__ */ s(
     "div",
     {
-      className: `${a}-input__validation ${a}-${n}-input--warn`,
+      className: `${n}-input__validation ${n}-${a}-input--warn`,
       id: i.warnId,
       children: e
     }
   )), i;
 }
 export {
-  p as noOP,
-  a as px,
-  u as useNormalizedInputProps
+  n as px,
+  c as useNormalizedInputProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.6.0",
+  "version": "1.7.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import flatpickr from 'flatpickr';
-import { InputProps } from '../Input/Input';
-export interface DatePickerProps extends Omit<InputProps, 'defaultValue'>, Record<string, unknown> {
-    /**
-     * Optionally allow manual entry to the date input
-     */
-    allowInput?: boolean;
-    /**
-     * Optionally provide the default value of the `<input>`. Should not be passed into controlled input!
-     */
-    defaultValue?: (Date | string)[];
-    /**
-     * Booolean to specify whether the `<input>` should be disabled
-     */
-    disabled?: boolean;
-    /**
-     * Render time picker on dropdown
-     */
-    enableTime?: boolean;
-    /**
-     * Boolean to specify whether you want the underlying label to be visually hidden
-     */
-    hideLabel?: boolean;
-    /**
-     * A custom `id` for the `<input>`
-     */
-    id: string;
-    /**
-     * Boolean to dictate whether input is inline with the label or not. `true` to use the inline version.
-     */
-    inline?: boolean;
-    /**
-     * Boolean to specify whether the control is currently invalid
-     */
-    invalid?: boolean;
-    /**
-     * Validation text that is displayed when the control is in an invalid state
-     */
-    invalidText?: React.ReactNode;
-    /**
-     * Text that will be read by a screen reader when visiting this control
-     */
-    labelText: string;
-    /**
-     * Locatiion you want the calendar to render for
-     */
-    locale: string;
-    /**
-     * Optional `onChange` handler that is called whenever flatpickr is updated
-     * @param {array} selectedDates
-     * @param {string} dateStr
-     * @param {object} instance
-     */
-    onChange?: flatpickr.Options.Hook;
-    /**
-     * Optional `onClick` handler that is called whenever the `<input>` is clicked
-     */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Optional text to be used for the placeholder attribute of the `<input>`
-     */
-    placeholder?: string;
-    /**
-     * Boolean to deterimine whether the input should be read-only
-     */
-    readOnly?: boolean;
-    /**
-     * Enum to determine the height of the Text Input. Currently supports the following:
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Enum to determine whether component is a range or range and time
-     */
-    type?: 'single' | 'range';
-    /**
-     * Specify the value of the `<input>` for controlled inputs
-     */
-    value?: string | number | undefined;
-    /**
-     * Boolean to specify whether the control is currently in warning state
-     */
-    warn?: boolean;
-    /**
-     * Text that is displayed when the control is in warning state
-     */
-    warnText?: React.ReactNode;
-}
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default DatePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -1,92 +0,0 @@
-import { jsx as G } from "react/jsx-runtime";
-import * as d from "react";
-import O from "../../node_modules/flatpickr/dist/esm/index.js";
-import k from "../../node_modules/flatpickr/dist/l10n/index.js";
-import { noOP as R, useNormalizedInputProps as J } from "../../utils/index.js";
-import Q from "../Input/Input.js";
-k.en.weekdays.shorthand.forEach((u, o) => {
-  const c = k.en.weekdays.shorthand;
-  c[o] === "Thu" || c[o] === "Th" ? c[o] = "Th" : c[o] = c[o].charAt(0);
-});
-const W = d.forwardRef(({
-  allowInput: u = !1,
-  className: o,
-  defaultValue: c = [],
-  disabled: S,
-  enableTime: p = !1,
-  hideLabel: z,
-  id: a,
-  inline: A,
-  invalid: y,
-  invalidText: g,
-  labelText: H,
-  locale: D = "en",
-  onChange: f = R,
-  onClick: M = R,
-  placeholder: U,
-  readOnly: P,
-  size: _ = "md",
-  type: l = "range",
-  value: $,
-  warn: b,
-  warnText: j,
-  ...q
-}, e) => {
-  const m = J({ disabled: S, id: a, invalid: y, invalidText: g, readOnly: P, type: l, warn: b, warnText: j }), t = d.useRef(), s = d.useRef(), r = d.useRef();
-  d.useEffect(
-    () => {
-      const n = {
-        allowInput: u,
-        clickOpens: !m.disabled,
-        defaultDate: c,
-        enableTime: p,
-        locale: k[D],
-        mode: l,
-        onChange: f
-      };
-      return typeof e == "object" && (e != null && e.current) && (t.current = O(e.current, n)), e === null && typeof s == "object" && s != null && s.current && (t.current = O(s == null ? void 0 : s.current, n)), () => {
-        t.current && t.current.destroy && t.current.destroy();
-      };
-    },
-    [u, c, m.disabled, p, a, D, f, e, l]
-  );
-  const v = (n) => {
-    var i;
-    u && /[0-9-/:]+/g.test(n.key) && (r.current = (i = t == null ? void 0 : t.current) == null ? void 0 : i.selectedDates);
-  }, F = (n) => {
-    var i, E, N, T, B, K, L;
-    if (!(!u || n.relatedTarget instanceof HTMLElement && ((i = n.relatedTarget) != null && i.classList.value.includes("flatpickr"))) && "current" in r && (E = r == null ? void 0 : r.current) != null && E.length && ((N = r == null ? void 0 : r.current) == null ? void 0 : N.length) > 0 && ((T = r == null ? void 0 : r.current) == null ? void 0 : T.join().toString()) !== ((B = t == null ? void 0 : t.current) == null ? void 0 : B.selectedDates.join().toString())) {
-      const h = (K = t.current) == null ? void 0 : K.element;
-      r.current = [], f((L = t.current) == null ? void 0 : L.selectedDates, h == null ? void 0 : h.value, t.current);
-    }
-  };
-  return /* @__PURE__ */ G(
-    Q,
-    {
-      className: `${o} flatpickr`,
-      "data-testid": a,
-      disabled: m.disabled,
-      hideLabel: z,
-      id: a,
-      inline: A,
-      invalid: y,
-      invalidText: g,
-      labelText: H,
-      onClick: M,
-      placeholder: U,
-      readOnly: P,
-      ref: e || s,
-      size: _,
-      value: $,
-      warn: b,
-      warnText: j,
-      onKeyUp: v,
-      onBlur: F,
-      ...q
-    }
-  );
-});
-W.displayName = "DatePicker";
-export {
-  W as default
-};