@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/teaser/TeaserContainer.js

@@ -1,33 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Children } from 'react';
-import classNames from 'classnames';
-const getGridClasses = (amount) => {
-    switch (amount) {
-        case 1:
-            return 'col-12';
-        case 2:
-            return 'col-12 col-sm-6';
-        case 3:
-            return 'col-12 col-md-4';
-        case 4:
-            return 'col-12 col-md-6 col-lg-3';
-        case 6:
-            return 'col-12 col-sm-4 col-lg-2';
-        case 12:
-            return 'col-12 col-sm-1';
-        default:
-            return 'col-12';
-    }
+import { jsx as c } from "react/jsx-runtime";
+import { Children as l } from "react";
+import a from "classnames";
+const o = (s) => {
+  switch (s) {
+    case 1:
+      return "col-12";
+    case 2:
+      return "col-12 col-sm-6";
+    case 3:
+      return "col-12 col-md-4";
+    case 4:
+      return "col-12 col-md-6 col-lg-3";
+    case 6:
+      return "col-12 col-sm-4 col-lg-2";
+    case 12:
+      return "col-12 col-sm-1";
+    default:
+      return "col-12";
+  }
+}, p = (s) => {
+  const { className: t, teaserPerRow: e, children: r, columnClassName: n } = s, m = a("teaser-container", "row", "display-flex-sm flex-wrap-sm", t), u = o(e || l.count(r) || 1), i = a(u, n);
+  return /* @__PURE__ */ c("div", { className: m, children: l.map(r, (d) => /* @__PURE__ */ c("div", { className: i, children: d })) });
 };
-const TeaserContainer = (props) => {
-    const { className, teaserPerRow, children, columnClassName } = props;
-    const rowClassNames = classNames('teaser-container', 'row', 'display-flex-sm flex-wrap-sm', className);
-    const columnClassNames = teaserPerRow
-        ? getGridClasses(teaserPerRow)
-        : getGridClasses(Children.count(children) || 1);
-    const aggregatedColumnClassNames = classNames(columnClassNames, columnClassName);
-    return (_jsx("div", { className: rowClassNames, children: Children.map(children, child => {
-            return _jsx("div", { className: aggregatedColumnClassNames, children: child });
-        }) }));
+export {
+  p as default
 };
-export default TeaserContainer;
+//# sourceMappingURL=TeaserContainer.js.map

package/components/teaser/TeaserContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeaserContainer.js","sources":["../../../src/components/teaser/TeaserContainer.tsx"],"sourcesContent":["import { Children, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nconst getGridClasses = (amount: number) => {\n    switch (amount) {\n        case 1:\n            return 'col-12';\n        case 2:\n            return 'col-12 col-sm-6';\n        case 3:\n            return 'col-12 col-md-4';\n        case 4:\n            return 'col-12 col-md-6 col-lg-3';\n        case 6:\n            return 'col-12 col-sm-4 col-lg-2';\n        case 12:\n            return 'col-12 col-sm-1';\n        default:\n            return 'col-12';\n    }\n};\n\nexport type TeasersPerRow = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport type TeaserContainerProps = {\n    /**\n     * Defines how many children are rendered into a row.\n     *\n     * If \"teaserPerRow\" is not defined, the container tries to put all children in a row with regard to the\n     * Bootstrap grid. This is done by dividing the amount of children by 12 in order  to figure out the col grid\n     * classes.\n     *\n     * It is recommended to define \"teasersPerRow\" when having more than 4 teasers.\n     *\n     * Possible values are: 1, 2, 3, 4, 6, 12\n     */\n    teaserPerRow?: TeasersPerRow;\n\n    /**\n     * Optional string for additional classes added to each column of a child.\n     */\n    columnClassName?: string;\n\n    /**\n     * Optional string for additional classes added to the row.\n     */\n    className?: string;\n};\n\nconst TeaserContainer = (props: PropsWithChildren<TeaserContainerProps>) => {\n    const { className, teaserPerRow, children, columnClassName } = props;\n\n    const rowClassNames = classNames('teaser-container', 'row', 'display-flex-sm flex-wrap-sm', className);\n\n    const columnClassNames = teaserPerRow\n        ? getGridClasses(teaserPerRow)\n        : getGridClasses(Children.count(children) || 1);\n\n    const aggregatedColumnClassNames = classNames(columnClassNames, columnClassName);\n\n    return (\n        <div className={rowClassNames}>\n            {Children.map(children, child => {\n                return <div className={aggregatedColumnClassNames}>{child}</div>;\n            })}\n        </div>\n    );\n};\n\nexport default TeaserContainer;\n"],"names":["getGridClasses","amount","TeaserContainer","props","className","teaserPerRow","children","columnClassName","rowClassNames","classNames","columnClassNames","Children","aggregatedColumnClassNames","child","jsx"],"mappings":";;;AAGA,MAAMA,IAAiB,CAACC,MAAmB;AACvC,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GA6BMC,IAAkB,CAACC,MAAmD;AACxE,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,UAAAC,GAAU,iBAAAC,MAAoBJ,GAEzDK,IAAgBC,EAAW,oBAAoB,OAAO,gCAAgCL,CAAS,GAE/FM,IACAV,EADmBK,KAEJM,EAAS,MAAML,CAAQ,KAAK,CADhB,GAG3BM,IAA6BH,EAAWC,GAAkBH,CAAe;AAE/E,2BACK,OAAA,EAAI,WAAWC,GACX,UAAAG,EAAS,IAAIL,GAAU,CAAAO,MACb,gBAAAC,EAAC,OAAA,EAAI,WAAWF,GAA6B,UAAAC,GAAM,CAC7D,EAAA,CACL;AAER;"}

package/components/timepicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type TimePickerProps = {
     /**
      * Value of the time as string. Note, when value is given the component is treated as controlled.

package/components/timepicker/TimePicker.js

@@ -1,101 +1,111 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { IMask, IMaskInput } from 'react-imask';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/compat';
-import { isNil } from 'es-toolkit/predicate';
-import moment from 'moment';
-import invariant from 'tiny-invariant';
-const MINUTES_OFFSET = 15;
-const mask = '00:00';
-const fullRegexp = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/;
-const getPadded = (value) => (value >= 10 ? `${value}` : `0${value}`);
-const formatTimeString = (hours, minutes) => `${getPadded(hours)}:${getPadded(minutes)}`;
-const roundedUp = (time, offset = MINUTES_OFFSET) => Math.floor(time.minutes() / offset) * offset;
-const getInitialTime = () => {
-    const date = new Date();
-    const hours = date.getHours();
-    const minutes = date.getMinutes();
-    return formatTimeString(hours, minutes);
-};
-const isTimeValid = (value) => fullRegexp.test(value);
-const isControlledAndValid = (value) => {
-    const hasExternalValue = !isNil(value);
-    if (!hasExternalValue) {
-        return false;
-    }
-    const isValid = value === '' || isTimeValid(value);
-    if (!isValid) {
-        invariant(false, 'Wrong time format. Please pass in value with the following format: "hh:mm".');
-    }
-    return isValid;
-};
-const TimePicker = (props) => {
-    const { value, onChange = noop, alwaysShowMask = true, showIcon = false, errorMessage, warningMessage, messageWhiteSpace = 'normal', className = '', inputProps = {}, ...remainingProps } = props;
-    const initialTime = isControlledAndValid(value) ? value : getInitialTime();
-    const [timeValue, setTimeValue] = useState(initialTime);
-    // Update internal time value from outside when used as a controlled component
-    useEffect(() => {
-        if (isControlledAndValid(value)) {
-            setTimeValue(value);
-            onChange(value);
+import { jsxs as l, jsx as t, Fragment as A } from "react/jsx-runtime";
+import { useState as W, useEffect as j } from "react";
+import { IMaskInput as D, IMask as g } from "react-imask";
+import f from "classnames";
+import { noop as L } from "es-toolkit/compat";
+import { isNil as U } from "es-toolkit/predicate";
+import k from "moment";
+import z from "tiny-invariant";
+const p = 15, B = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/, N = (e) => e >= 10 ? `${e}` : `0${e}`, u = (e, o) => `${N(e)}:${N(o)}`, y = (e, o = p) => Math.floor(e.minutes() / o) * o, O = () => {
+  const e = /* @__PURE__ */ new Date(), o = e.getHours(), a = e.getMinutes();
+  return u(o, a);
+}, M = (e) => B.test(e), T = (e) => {
+  if (!!U(e))
+    return !1;
+  const a = e === "" || M(e);
+  return a || z(!1, 'Wrong time format. Please pass in value with the following format: "hh:mm".'), a;
+}, Z = (e) => {
+  const {
+    value: o,
+    onChange: a = L,
+    alwaysShowMask: v = !0,
+    showIcon: x = !1,
+    errorMessage: m,
+    warningMessage: d,
+    messageWhiteSpace: w = "normal",
+    className: I = "",
+    inputProps: h = {},
+    ...V
+  } = e, P = T(o) ? o : O(), [i, c] = W(P);
+  j(() => {
+    T(o) && (c(o), a(o));
+  }, [o]);
+  const $ = (s) => {
+    const n = s.target;
+    (!n.value || n.value.startsWith("-")) && setTimeout(() => {
+      n.setSelectionRange(0, 0);
+    }, 0), h.onFocus?.(s);
+  }, b = (s, n) => {
+    c(s), n.masked.isComplete && a(s);
+  }, C = M(i), F = () => {
+    const s = k(`2020-01-01 ${i}`), n = y(s);
+    s.minute(n).second(0), s.add(p, "minutes");
+    const r = u(s.hours(), s.minutes());
+    c(r), a(r);
+  }, S = () => {
+    const s = k(`2020-01-01 ${i}`), n = y(s);
+    s.minute(n).second(0), s.subtract(p, "minutes");
+    const r = u(s.hours(), s.minutes());
+    c(r), a(r);
+  }, { className: E, ...H } = h, R = m || d;
+  return /* @__PURE__ */ l("div", { ...V, className: f("TimePicker", "input-group", I), children: [
+    x && /* @__PURE__ */ t("span", { className: "input-group-addon", children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-time-alt" }) }),
+    /* @__PURE__ */ l("div", { className: "form-control-feedback-wrapper", children: [
+      /* @__PURE__ */ t(
+        D,
+        {
+          ...H,
+          className: f("TimePickerInput", "form-control", E),
+          mask: "HH:MM",
+          blocks: {
+            HH: {
+              mask: g.MaskedRange,
+              from: 0,
+              to: 23,
+              maxLength: 2
+            },
+            MM: {
+              mask: g.MaskedRange,
+              from: 0,
+              to: 59,
+              maxLength: 2
+            }
+          },
+          value: i,
+          onAccept: b,
+          onFocus: $,
+          lazy: !v,
+          placeholderChar: "-",
+          overwrite: !0
         }
-    }, [value]);
-    const handleFocus = (event) => {
-        const input = event.target;
-        // Check if value is empty or partially filled
-        if (!input.value || input.value.startsWith('-')) {
-            // Move cursor to the first empty position (usually 0)
-            // Timeout needed to wait for IMask internal focus handling
-            setTimeout(() => {
-                input.setSelectionRange(0, 0);
-            }, 0);
+      ),
+      R && /* @__PURE__ */ l(A, { children: [
+        m && /* @__PURE__ */ t("span", { className: "form-control-feedback rioglyph rioglyph-error-sign" }),
+        d && /* @__PURE__ */ t("span", { className: "form-control-feedback rioglyph rioglyph-warning-sign" }),
+        /* @__PURE__ */ t("span", { className: `help-block white-space-${w}`, children: /* @__PURE__ */ t("span", { children: m || d }) })
+      ] })
+    ] }),
+    C && /* @__PURE__ */ l("div", { className: "TimePickerIncreaseButton input-group-addon", children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: "text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer",
+          onClick: S,
+          children: /* @__PURE__ */ t("div", { className: "rioglyph rioglyph-chevron-left scale-90" })
         }
-        // If you want to preserve custom onFocus from props
-        inputProps.onFocus?.(event);
-    };
-    const handleAcceptTime = (val, maskRef) => {
-        setTimeValue(val);
-        if (maskRef.masked.isComplete) {
-            onChange(val);
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: "text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer",
+          onClick: F,
+          children: /* @__PURE__ */ t("div", { className: "rioglyph rioglyph-chevron-right scale-90" })
         }
-    };
-    const isValid = isTimeValid(timeValue);
-    const handleIncrease = () => {
-        const time = moment(`2020-01-01 ${timeValue}`);
-        const rounded = roundedUp(time);
-        time.minute(rounded).second(0);
-        time.add(MINUTES_OFFSET, 'minutes');
-        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());
-        setTimeValue(updatedTimeValue);
-        onChange(updatedTimeValue);
-    };
-    const handleDecrease = () => {
-        const time = moment(`2020-01-01 ${timeValue}`);
-        const rounded = roundedUp(time);
-        time.minute(rounded).second(0);
-        time.subtract(MINUTES_OFFSET, 'minutes');
-        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());
-        setTimeValue(updatedTimeValue);
-        onChange(updatedTimeValue);
-    };
-    const { className: inputClassName, ...otherInputProps } = inputProps;
-    const hasFeedback = errorMessage || warningMessage;
-    return (_jsxs("div", { ...remainingProps, className: classNames('TimePicker', 'input-group', className), children: [showIcon && (_jsx("span", { className: 'input-group-addon', children: _jsx("span", { className: 'rioglyph rioglyph-time-alt' }) })), _jsxs("div", { className: 'form-control-feedback-wrapper', children: [_jsx(IMaskInput, { ...otherInputProps, className: classNames('TimePickerInput', 'form-control', inputClassName), 
-                        // mask={mask}
-                        mask: 'HH:MM', blocks: {
-                            HH: {
-                                mask: IMask.MaskedRange,
-                                from: 0,
-                                to: 23,
-                                maxLength: 2,
-                            },
-                            MM: {
-                                mask: IMask.MaskedRange,
-                                from: 0,
-                                to: 59,
-                                maxLength: 2,
-                            },
-                        }, value: timeValue, onAccept: handleAcceptTime, onFocus: handleFocus, lazy: !alwaysShowMask, placeholderChar: '-', overwrite: true }), hasFeedback && (_jsxs(_Fragment, { children: [errorMessage && _jsx("span", { className: 'form-control-feedback rioglyph rioglyph-error-sign' }), warningMessage && _jsx("span", { className: 'form-control-feedback rioglyph rioglyph-warning-sign' }), _jsx("span", { className: `help-block white-space-${messageWhiteSpace}`, children: _jsx("span", { children: errorMessage || warningMessage }) })] }))] }), isValid && (_jsxs("div", { className: 'TimePickerIncreaseButton input-group-addon', children: [_jsx("div", { className: 'text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer', onClick: handleDecrease, children: _jsx("div", { className: 'rioglyph rioglyph-chevron-left scale-90' }) }), _jsx("div", { className: 'text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer', onClick: handleIncrease, children: _jsx("div", { className: 'rioglyph rioglyph-chevron-right scale-90' }) })] }))] }));
+      )
+    ] })
+  ] });
+};
+export {
+  Z as default
 };
-export default TimePicker;
+//# sourceMappingURL=TimePicker.js.map

package/components/timepicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sources":["../../../src/components/timepicker/TimePicker.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport { IMask, IMaskInput } from 'react-imask';\nimport type { InputMask } from 'imask';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\nimport { isNil } from 'es-toolkit/predicate';\nimport moment, { type Moment } from 'moment';\nimport invariant from 'tiny-invariant';\n\nconst MINUTES_OFFSET = 15;\n\nconst mask = '00:00';\nconst fullRegexp = /^(?:\\d|[01]\\d|2[0-3]):[0-5]\\d$/;\n\nconst getPadded = (value: number) => (value >= 10 ? `${value}` : `0${value}`);\nconst formatTimeString = (hours: number, minutes: number) => `${getPadded(hours)}:${getPadded(minutes)}`;\n\nconst roundedUp = (time: Moment, offset = MINUTES_OFFSET) => Math.floor(time.minutes() / offset) * offset;\n\nconst getInitialTime = () => {\n    const date = new Date();\n    const hours = date.getHours();\n    const minutes = date.getMinutes();\n    return formatTimeString(hours, minutes);\n};\n\nconst isTimeValid = (value: string) => fullRegexp.test(value);\n\nconst isControlledAndValid = (value: string | undefined): value is string => {\n    const hasExternalValue = !isNil(value);\n    if (!hasExternalValue) {\n        return false;\n    }\n\n    const isValid = value === '' || isTimeValid(value);\n    if (!isValid) {\n        invariant(false, 'Wrong time format. Please pass in value with the following format: \"hh:mm\".');\n    }\n    return isValid;\n};\n\nexport type TimePickerProps = {\n    /**\n     * Value of the time as string. Note, when value is given the component is treated as controlled.\n     */\n    value?: string;\n\n    /**\n     * Callback function when the value changes and is a valid time format.\n     *\n     * If not it handles the state internally until the time is valid and filled.\n     */\n    onChange?: (value: string) => void;\n\n    /**\n     * Defines whether to always show the input mask placeholder.\n     *\n     * @default true\n     */\n    alwaysShowMask?: boolean;\n\n    /**\n     * Defines whether to show the input icon.\n     *\n     * @default false\n     */\n    showIcon?: boolean;\n\n    /**\n     * Input error message.\n     */\n    errorMessage?: string | React.ReactNode;\n\n    /**\n     * Input warning message.\n     */\n    warningMessage?: string | React.ReactNode;\n\n    /**\n     * Feedback message width.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * Additional properties to be set on the input element.\n     */\n    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TimePicker = (props: TimePickerProps) => {\n    const {\n        value,\n        onChange = noop,\n        alwaysShowMask = true,\n        showIcon = false,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        className = '',\n        inputProps = {},\n        ...remainingProps\n    } = props;\n\n    const initialTime = isControlledAndValid(value) ? value : getInitialTime();\n\n    const [timeValue, setTimeValue] = useState(initialTime);\n\n    // Update internal time value from outside when used as a controlled component\n    useEffect(() => {\n        if (isControlledAndValid(value)) {\n            setTimeValue(value);\n            onChange(value);\n        }\n    }, [value]);\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        const input = event.target;\n        // Check if value is empty or partially filled\n        if (!input.value || input.value.startsWith('-')) {\n            // Move cursor to the first empty position (usually 0)\n            // Timeout needed to wait for IMask internal focus handling\n            setTimeout(() => {\n                input.setSelectionRange(0, 0);\n            }, 0);\n        }\n\n        // If you want to preserve custom onFocus from props\n        inputProps.onFocus?.(event);\n    };\n\n    const handleAcceptTime = (val: string, maskRef: InputMask<{ [x: string]: unknown }>) => {\n        setTimeValue(val);\n\n        if (maskRef.masked.isComplete) {\n            onChange(val);\n        }\n    };\n\n    const isValid = isTimeValid(timeValue);\n\n    const handleIncrease = () => {\n        const time = moment(`2020-01-01 ${timeValue}`);\n        const rounded = roundedUp(time);\n        time.minute(rounded).second(0);\n        time.add(MINUTES_OFFSET, 'minutes');\n        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());\n\n        setTimeValue(updatedTimeValue);\n        onChange(updatedTimeValue);\n    };\n\n    const handleDecrease = () => {\n        const time = moment(`2020-01-01 ${timeValue}`);\n        const rounded = roundedUp(time);\n        time.minute(rounded).second(0);\n        time.subtract(MINUTES_OFFSET, 'minutes');\n        const updatedTimeValue = formatTimeString(time.hours(), time.minutes());\n\n        setTimeValue(updatedTimeValue);\n        onChange(updatedTimeValue);\n    };\n\n    const { className: inputClassName, ...otherInputProps } = inputProps;\n\n    const hasFeedback = errorMessage || warningMessage;\n\n    return (\n        <div {...remainingProps} className={classNames('TimePicker', 'input-group', className)}>\n            {showIcon && (\n                <span className='input-group-addon'>\n                    <span className='rioglyph rioglyph-time-alt' />\n                </span>\n            )}\n            <div className='form-control-feedback-wrapper'>\n                <IMaskInput\n                    {...otherInputProps}\n                    className={classNames('TimePickerInput', 'form-control', inputClassName)}\n                    // mask={mask}\n                    mask='HH:MM'\n                    blocks={{\n                        HH: {\n                            mask: IMask.MaskedRange,\n                            from: 0,\n                            to: 23,\n                            maxLength: 2,\n                        },\n                        MM: {\n                            mask: IMask.MaskedRange,\n                            from: 0,\n                            to: 59,\n                            maxLength: 2,\n                        },\n                    }}\n                    value={timeValue}\n                    onAccept={handleAcceptTime}\n                    onFocus={handleFocus}\n                    lazy={!alwaysShowMask}\n                    placeholderChar='-'\n                    overwrite\n                />\n                {hasFeedback && (\n                    <>\n                        {errorMessage && <span className='form-control-feedback rioglyph rioglyph-error-sign' />}\n                        {warningMessage && <span className='form-control-feedback rioglyph rioglyph-warning-sign' />}\n                        <span className={`help-block white-space-${messageWhiteSpace}`}>\n                            <span>{errorMessage || warningMessage}</span>\n                        </span>\n                    </>\n                )}\n            </div>\n            {isValid && (\n                <div className='TimePickerIncreaseButton input-group-addon'>\n                    <div\n                        className='text-color-gray hover-text-color-dark display-grid place-items-center cursor-pointer'\n                        onClick={handleDecrease}\n                    >\n                        <div className='rioglyph rioglyph-chevron-left scale-90' />\n                    </div>\n                    <div\n                        className='text-color-gray hover-text-color-dark margin-left-5 display-grid place-items-center cursor-pointer'\n                        onClick={handleIncrease}\n                    >\n                        <div className='rioglyph rioglyph-chevron-right scale-90' />\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default TimePicker;\n"],"names":["MINUTES_OFFSET","fullRegexp","getPadded","value","formatTimeString","hours","minutes","roundedUp","time","offset","getInitialTime","date","isTimeValid","isControlledAndValid","isNil","isValid","invariant","TimePicker","props","onChange","noop","alwaysShowMask","showIcon","errorMessage","warningMessage","messageWhiteSpace","className","inputProps","remainingProps","initialTime","timeValue","setTimeValue","useState","useEffect","handleFocus","event","input","handleAcceptTime","val","maskRef","handleIncrease","moment","rounded","updatedTimeValue","handleDecrease","inputClassName","otherInputProps","hasFeedback","jsxs","classNames","jsx","IMaskInput","IMask","Fragment"],"mappings":"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"}

package/components/tooltip/SimpleTooltip.d.ts

@@ -1,6 +1,6 @@
-import React, { type MutableRefObject, type PropsWithChildren } from 'react';
-import { type TooltipProps } from './Tooltip';
-import { type TriggerType } from '../../values/Trigger';
+import { default as React, MutableRefObject, PropsWithChildren } from 'react';
+import { TooltipProps } from './Tooltip';
+import { TriggerType } from '../../values/Trigger';
 export type delayProp = {
     show: number;
     hide: number;

package/components/tooltip/SimpleTooltip.js

@@ -1,13 +1,35 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from "./Tooltip.js";
-import OverlayTrigger from "../overlay/OverlayTrigger.js";
-import { PLACEMENT } from "../../values/Placement.js";
-import { TRIGGER } from "../../values/Trigger.js";
-const SimpleTooltip = (props) => {
-    const { children, placement = PLACEMENT.AUTO, trigger, content, delay, popperConfig, targetRef, ...remainingProps } = props;
-    return (_jsx(OverlayTrigger, { placement: placement, trigger: trigger, overlay: _jsx(Tooltip, { ...remainingProps, ref: targetRef, children: content }), delay: delay, popperConfig: popperConfig, children: children }));
+import { jsx as e } from "react/jsx-runtime";
+import a from "./Tooltip.js";
+import C from "../overlay/OverlayTrigger.js";
+import { PLACEMENT as E } from "../../values/Placement.js";
+import { TRIGGER as r } from "../../values/Trigger.js";
+const o = (t) => {
+  const {
+    children: i,
+    placement: p = E.AUTO,
+    trigger: m,
+    content: n,
+    delay: R,
+    popperConfig: l,
+    targetRef: f,
+    ...T
+  } = t;
+  return /* @__PURE__ */ e(
+    C,
+    {
+      placement: p,
+      trigger: m,
+      overlay: /* @__PURE__ */ e(a, { ...T, ref: f, children: n }),
+      delay: R,
+      popperConfig: l,
+      children: i
+    }
+  );
 };
-SimpleTooltip.TRIGGER_CLICK = TRIGGER.CLICK;
-SimpleTooltip.TRIGGER_HOVER = TRIGGER.HOVER;
-SimpleTooltip.TRIGGER_FOCUS = TRIGGER.FOCUS;
-export default SimpleTooltip;
+o.TRIGGER_CLICK = r.CLICK;
+o.TRIGGER_HOVER = r.HOVER;
+o.TRIGGER_FOCUS = r.FOCUS;
+export {
+  o as default
+};
+//# sourceMappingURL=SimpleTooltip.js.map

package/components/tooltip/SimpleTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTooltip.js","sources":["../../../src/components/tooltip/SimpleTooltip.tsx"],"sourcesContent":["import React, { type MutableRefObject, type PropsWithChildren } from 'react';\n\nimport Tooltip, { type TooltipProps } from './Tooltip';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport { PLACEMENT } from '../../values/Placement';\nimport { TRIGGER, type TriggerType } from '../../values/Trigger';\n\nexport type delayProp = {\n    show: number;\n    hide: number;\n};\n\nexport type SimpleTooltipProps = Omit<TooltipProps, 'content'> & {\n    /**\n     * The tooltip content.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * Specify which action or actions trigger Overlay visibility.\n     * Possible values are: `hover`, `click`, `focus`\n     * @default 'hover'\n     */\n    trigger?: TriggerType;\n\n    /**\n     * The react ref object assigned to the target of the tooltip.\n     */\n    targetRef?: MutableRefObject<HTMLDivElement>;\n\n    /**\n     * A millisecond delay amount to show the Overlay once triggered.\n     * If passed an Object, you can control the show and hide timeouts individually.\n     */\n    delay?: number | delayProp;\n\n    /**\n     * A Popper.js config object passed to the the underlying popper instance.\n     */\n    popperConfig?: object;\n};\n\nconst SimpleTooltip = (props: PropsWithChildren<SimpleTooltipProps>) => {\n    const {\n        children,\n        placement = PLACEMENT.AUTO,\n        trigger,\n        content,\n        delay,\n        popperConfig,\n        targetRef,\n        ...remainingProps\n    } = props;\n\n    return (\n        <OverlayTrigger\n            placement={placement}\n            trigger={trigger}\n            overlay={\n                <Tooltip {...remainingProps} ref={targetRef}>\n                    {content}\n                </Tooltip>\n            }\n            delay={delay}\n            popperConfig={popperConfig}\n        >\n            {children}\n        </OverlayTrigger>\n    );\n};\n\nSimpleTooltip.TRIGGER_CLICK = TRIGGER.CLICK;\nSimpleTooltip.TRIGGER_HOVER = TRIGGER.HOVER;\nSimpleTooltip.TRIGGER_FOCUS = TRIGGER.FOCUS;\n\nexport default SimpleTooltip;\n"],"names":["SimpleTooltip","props","children","placement","PLACEMENT","trigger","content","delay","popperConfig","targetRef","remainingProps","jsx","OverlayTrigger","Tooltip","TRIGGER"],"mappings":";;;;;AA0CA,MAAMA,IAAgB,CAACC,MAAiD;AACpE,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC,IAAYC,EAAU;AAAA,IACtB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEJ,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAAT;AAAA,MACA,SAAAE;AAAA,MACA,SACI,gBAAAM,EAACE,GAAA,EAAS,GAAGH,GAAgB,KAAKD,GAC7B,UAAAH,GACL;AAAA,MAEJ,OAAAC;AAAA,MACA,cAAAC;AAAA,MAEC,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGb;AAEAF,EAAc,gBAAgBc,EAAQ;AACtCd,EAAc,gBAAgBc,EAAQ;AACtCd,EAAc,gBAAgBc,EAAQ;"}

package/components/tooltip/Tooltip.d.ts

@@ -1,8 +1,8 @@
-import { type CSSProperties, type PropsWithChildren, type HTMLAttributes } from 'react';
+import { CSSProperties, PropsWithChildren, HTMLAttributes } from 'react';
 import { PLACEMENT } from '../../values/Placement';
 import { TEXT_ALIGNMENT } from '../../values/TextAlignment';
-import type { ObjectValues } from '../../utils/ObjectValues';
-import type { RefComponent } from '../../utils/RefComponent';
+import { ObjectValues } from '../../utils/ObjectValues';
+import { RefComponent } from '../../utils/RefComponent';
 declare const STYLE_MAP: {
     readonly STYLE_DEFAULT: "default";
     readonly STYLE_ONBOARDING: "onboarding";

package/components/tooltip/Tooltip.js

@@ -1,38 +1,67 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, forwardRef, } from 'react';
-import classNames from 'classnames';
-import { omit } from 'es-toolkit/compat';
-import { isDesktop } from "../../utils/deviceUtils.js";
-import { PLACEMENT } from "../../values/Placement.js";
-import { TEXT_ALIGNMENT } from "../../values/TextAlignment.js";
-const STYLE_MAP = {
-    STYLE_DEFAULT: 'default',
-    STYLE_ONBOARDING: 'onboarding',
-};
-const TEXT_ALIGNMENT_MAP = {
-    TEXT_ALIGNMENT_LEFT: TEXT_ALIGNMENT.LEFT,
-    TEXT_ALIGNMENT_CENTER: TEXT_ALIGNMENT.CENTER,
-    TEXT_ALIGNMENT_RIGHT: TEXT_ALIGNMENT.RIGHT,
-};
-const Tooltip = forwardRef((props, ref) => {
-    const { allowOnTouch = false, arrowProps, children, className = '', innerClassName = '', placement = 'bottom', style, textAlignment = 'center', tooltipStyle = 'default', width = 'auto', ...remainingProps } = omit(props, ['popper', 'positionLeft', 'positionTop']);
-    // Mount the component but don't show it yet via CSS.
-    // After it is mounted, we set the visibility class to use CSS animation
-    const [isMounted, setIsMounted] = useState(false);
-    useEffect(() => setIsMounted(true), []);
-    if (!isDesktop() && !allowOnTouch) {
-        // Workaround: we have to return a DOM node as otherwise the
-        // react-transition library would throw an error on mobile
-        // when triggering a browser reflow and accessing the node directly.
-        return _jsx("span", { className: 'display-none' });
+import { jsx as t, jsxs as M } from "react/jsx-runtime";
+import { forwardRef as I, useState as w, useEffect as G } from "react";
+import l from "classnames";
+import { omit as g } from "es-toolkit/compat";
+import { isDesktop as h } from "../../utils/deviceUtils.js";
+import { PLACEMENT as x } from "../../values/Placement.js";
+import { TEXT_ALIGNMENT as o } from "../../values/TextAlignment.js";
+const C = {
+  STYLE_DEFAULT: "default",
+  STYLE_ONBOARDING: "onboarding"
+}, O = {
+  TEXT_ALIGNMENT_LEFT: o.LEFT,
+  TEXT_ALIGNMENT_CENTER: o.CENTER,
+  TEXT_ALIGNMENT_RIGHT: o.RIGHT
+}, s = I((p, T) => {
+  const {
+    allowOnTouch: m = !1,
+    arrowProps: c,
+    children: E,
+    className: N = "",
+    innerClassName: e = "",
+    placement: a = "bottom",
+    style: f,
+    textAlignment: i = "center",
+    tooltipStyle: r = "default",
+    width: n = "auto",
+    ...d
+  } = g(p, ["popper", "positionLeft", "positionTop"]), [L, u] = w(!1);
+  if (G(() => u(!0), []), !h() && !m)
+    return /* @__PURE__ */ t("span", { className: "display-none" });
+  const _ = l(
+    "tooltip",
+    r && `tooltip-${r}`,
+    a,
+    "fade",
+    L && "show",
+    N
+  ), A = l(
+    "tooltip-inner",
+    i && `text-${i}`,
+    n && `width-${n}`,
+    e && e
+  );
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      ...d,
+      role: "tooltip",
+      "x-placement": a,
+      ref: T,
+      className: _,
+      style: { ...f },
+      "data-offset": 20,
+      children: [
+        /* @__PURE__ */ t("div", { className: "tooltip-arrow", ...c }),
+        /* @__PURE__ */ t("div", { className: A, children: E })
+      ]
     }
-    const wrapperClasses = classNames('tooltip', tooltipStyle && `tooltip-${tooltipStyle}`, placement, 'fade', isMounted && 'show', className);
-    const innerClasses = classNames('tooltip-inner', textAlignment && `text-${textAlignment}`, width && `width-${width}`, innerClassName && innerClassName);
-    /* eslint-disable react/no-unknown-property */
-    return (_jsxs("div", { ...remainingProps, role: 'tooltip', "x-placement": placement, ref: ref, className: wrapperClasses, style: { ...style }, "data-offset": 20, children: [_jsx("div", { className: 'tooltip-arrow', ...arrowProps }), _jsx("div", { className: innerClasses, children: children })] }));
+  );
 });
-// statics
-Object.assign(Tooltip, STYLE_MAP);
-Object.assign(Tooltip, PLACEMENT); // is keyed as-is
-Object.assign(Tooltip, TEXT_ALIGNMENT_MAP);
-export default Tooltip;
+Object.assign(s, C);
+Object.assign(s, x);
+Object.assign(s, O);
+export {
+  s as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n    useEffect,\n    useState,\n    forwardRef,\n    type CSSProperties,\n    type ForwardedRef,\n    type PropsWithChildren,\n    type HTMLAttributes,\n} from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'es-toolkit/compat';\n\nimport { isDesktop } from '../../utils/deviceUtils';\nimport { PLACEMENT } from '../../values/Placement';\nimport { TEXT_ALIGNMENT } from '../../values/TextAlignment';\nimport type { ObjectValues } from '../../utils/ObjectValues';\nimport type { RefComponent } from '../../utils/RefComponent';\n\nconst STYLE_MAP = {\n    STYLE_DEFAULT: 'default',\n    STYLE_ONBOARDING: 'onboarding',\n} as const;\n\nconst TEXT_ALIGNMENT_MAP = {\n    TEXT_ALIGNMENT_LEFT: TEXT_ALIGNMENT.LEFT,\n    TEXT_ALIGNMENT_CENTER: TEXT_ALIGNMENT.CENTER,\n    TEXT_ALIGNMENT_RIGHT: TEXT_ALIGNMENT.RIGHT,\n} as const;\n\nexport type TooltipWidth = 'auto' | 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;\n\nexport type TooltipProps = {\n    /**\n     * An HTML id attribute, necessary for accessibility.\n     */\n    id?: string;\n\n    /**\n     * Sets the direction the Tooltip is positioned towards. This is generally provided by the\n     * OverlayTrigger component positioning the tooltip.\n     * @default 'bottom'\n     */\n    placement?: ObjectValues<typeof PLACEMENT>;\n\n    /**\n     * Defines the position of the text content.\n     * Possible values are: `\"center\"` | `\"left\"` | `\"right\"`\n     * @default 'center'\n     */\n    textAlignment?: ObjectValues<typeof TEXT_ALIGNMENT>;\n\n    /**\n     * Defines the look of the tooltip.\n     * Possible values are: `default` and `onboarding`\n     * @default 'default'\n     */\n    tooltipStyle?: ObjectValues<typeof STYLE_MAP>;\n\n    /**\n     * Defines the width of 'the tooltip.\n     * Possible values are: 'auto' | 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500\n     */\n    width?: TooltipWidth;\n\n    /**\n     * Render Tooltips on mobile devices.\n     * @default false\n     */\n    allowOnTouch?: boolean;\n\n    /**\n     * Additional props assigned to the arrow element. Internally used.\n     */\n    arrowProps?: Record<string, unknown>;\n\n    /**\n     * Additional style properties assigned to the wrapper element.\n     */\n    style?: CSSProperties;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    /**\n     * Additional classes to be set on the inner element.\n     */\n    innerClassName?: string;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'style' | 'className'>;\n\nexport type TooltipType = RefComponent<PropsWithChildren<TooltipProps>> &\n    typeof STYLE_MAP &\n    typeof PLACEMENT &\n    typeof TEXT_ALIGNMENT_MAP;\n\nconst Tooltip = forwardRef((props: PropsWithChildren<TooltipProps>, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        allowOnTouch = false,\n        arrowProps,\n        children,\n        className = '',\n        innerClassName = '',\n        placement = 'bottom',\n        style,\n        textAlignment = 'center',\n        tooltipStyle = 'default',\n        width = 'auto',\n        ...remainingProps\n    } = omit(props, ['popper', 'positionLeft', 'positionTop']);\n\n    // Mount the component but don't show it yet via CSS.\n    // After it is mounted, we set the visibility class to use CSS animation\n    const [isMounted, setIsMounted] = useState(false);\n    useEffect(() => setIsMounted(true), []);\n\n    if (!isDesktop() && !allowOnTouch) {\n        // Workaround: we have to return a DOM node as otherwise the\n        // react-transition library would throw an error on mobile\n        // when triggering a browser reflow and accessing the node directly.\n        return <span className='display-none' />;\n    }\n\n    const wrapperClasses = classNames(\n        'tooltip',\n        tooltipStyle && `tooltip-${tooltipStyle}`,\n        placement,\n        'fade',\n        isMounted && 'show',\n        className\n    );\n\n    const innerClasses = classNames(\n        'tooltip-inner',\n        textAlignment && `text-${textAlignment}`,\n        width && `width-${width}`,\n        innerClassName && innerClassName\n    );\n\n    /* eslint-disable react/no-unknown-property */\n    return (\n        <div\n            {...remainingProps}\n            role='tooltip'\n            // x-placement is used by the css to define how to position the arrow.\n            x-placement={placement}\n            ref={ref}\n            className={wrapperClasses}\n            style={{ ...style }}\n            data-offset={20}\n        >\n            <div className='tooltip-arrow' {...arrowProps} />\n            <div className={innerClasses}>{children}</div>\n        </div>\n    );\n}) as TooltipType;\n\n// statics\nObject.assign(Tooltip, STYLE_MAP);\nObject.assign(Tooltip, PLACEMENT); // is keyed as-is\nObject.assign(Tooltip, TEXT_ALIGNMENT_MAP);\n\nexport default Tooltip;\n"],"names":["STYLE_MAP","TEXT_ALIGNMENT_MAP","TEXT_ALIGNMENT","Tooltip","forwardRef","props","ref","allowOnTouch","arrowProps","children","className","innerClassName","placement","style","textAlignment","tooltipStyle","width","remainingProps","omit","isMounted","setIsMounted","useState","useEffect","isDesktop","jsx","wrapperClasses","classNames","innerClasses","jsxs","PLACEMENT"],"mappings":";;;;;;;AAkBA,MAAMA,IAAY;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AACtB,GAEMC,IAAqB;AAAA,EACvB,qBAAqBC,EAAe;AAAA,EACpC,uBAAuBA,EAAe;AAAA,EACtC,sBAAsBA,EAAe;AACzC,GAqEMC,IAAUC,EAAW,CAACC,GAAwCC,MAAsC;AACtG,QAAM;AAAA,IACF,cAAAC,IAAe;AAAA,IACf,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,gBAAAC,IAAiB;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC,IAAe;AAAA,IACf,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHC,EAAKb,GAAO,CAAC,UAAU,gBAAgB,aAAa,CAAC,GAInD,CAACc,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAGhD,MAFAC,EAAU,MAAMF,EAAa,EAAI,GAAG,CAAA,CAAE,GAElC,CAACG,OAAe,CAAChB;AAIjB,WAAO,gBAAAiB,EAAC,QAAA,EAAK,WAAU,eAAA,CAAe;AAG1C,QAAMC,IAAiBC;AAAA,IACnB;AAAA,IACAX,KAAgB,WAAWA,CAAY;AAAA,IACvCH;AAAA,IACA;AAAA,IACAO,KAAa;AAAA,IACbT;AAAA,EAAA,GAGEiB,IAAeD;AAAA,IACjB;AAAA,IACAZ,KAAiB,QAAQA,CAAa;AAAA,IACtCE,KAAS,SAASA,CAAK;AAAA,IACvBL,KAAkBA;AAAA,EAAA;AAItB,SACI,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGX;AAAA,MACJ,MAAK;AAAA,MAEL,eAAaL;AAAA,MACb,KAAAN;AAAA,MACA,WAAWmB;AAAA,MACX,OAAO,EAAE,GAAGZ,EAAA;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,iBAAiB,GAAGhB,EAAA,CAAY;AAAA,QAC/C,gBAAAgB,EAAC,OAAA,EAAI,WAAWG,GAAe,UAAAlB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD,CAAC;AAGD,OAAO,OAAON,GAASH,CAAS;AAChC,OAAO,OAAOG,GAAS0B,CAAS;AAChC,OAAO,OAAO1B,GAASF,CAAkB;"}

package/components/video/ResponsiveVideo.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const FOUR_BY_THREE = '4by3';
-const SIXTEEN_BY_NINE = '16by9';
-const ResponsiveVideo = (props) => {
-    const { src, className = '', allowFullScreen = true, aspectRatio = '16by9' } = props;
-    const wrapperClassName = classNames('video-responsive', `video-responsive-${aspectRatio}`, className && className);
-    return (_jsx("div", { className: wrapperClassName, children: _jsx("iframe", { src: src, allowFullScreen: allowFullScreen }) }));
+import { jsx as e } from "react/jsx-runtime";
+import _ from "classnames";
+const n = "4by3", l = "16by9", o = (r) => {
+  const { src: a, className: s = "", allowFullScreen: t = !0, aspectRatio: c = "16by9" } = r, i = _("video-responsive", `video-responsive-${c}`, s && s);
+  return /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ e("iframe", { src: a, allowFullScreen: t }) });
 };
-ResponsiveVideo.ASPECT_RATIO_4_BY_3 = FOUR_BY_THREE;
-ResponsiveVideo.ASPECT_RATIO_16_BY_9 = SIXTEEN_BY_NINE;
-export default ResponsiveVideo;
+o.ASPECT_RATIO_4_BY_3 = n;
+o.ASPECT_RATIO_16_BY_9 = l;
+export {
+  o as default
+};
+//# sourceMappingURL=ResponsiveVideo.js.map

package/components/video/ResponsiveVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveVideo.js","sources":["../../../src/components/video/ResponsiveVideo.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nconst FOUR_BY_THREE = '4by3';\nconst SIXTEEN_BY_NINE = '16by9';\n\nexport type AspectRatio = typeof FOUR_BY_THREE | typeof SIXTEEN_BY_NINE;\n\nexport type ResponsiveVideoProps = {\n    /**\n     * The link to the source of the video file.\n     */\n    src: string;\n\n    /**\n     * Defined the aspect ratio of the video.\n     * @default `16by9`\n     *\n     * Possible values are:\n     * `ResponsiveVideo.ASPECT_RATIO_4_BY_3`, `ResponsiveVideo.ASPECT_RATIO_16_BY_9` or\n     * `4by3`, `16by9`.\n     */\n    aspectRatio: '4by3' | '16by9';\n\n    /**\n     * Allows the fullscreen feature of the underlying embedded iframe.\n     * @default true\n     */\n    allowFullScreen?: boolean;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst ResponsiveVideo = (props: ResponsiveVideoProps) => {\n    const { src, className = '', allowFullScreen = true, aspectRatio = '16by9' } = props;\n\n    const wrapperClassName = classNames('video-responsive', `video-responsive-${aspectRatio}`, className && className);\n\n    return (\n        <div className={wrapperClassName}>\n            <iframe src={src} allowFullScreen={allowFullScreen} />\n        </div>\n    );\n};\n\nResponsiveVideo.ASPECT_RATIO_4_BY_3 = FOUR_BY_THREE as typeof FOUR_BY_THREE;\nResponsiveVideo.ASPECT_RATIO_16_BY_9 = SIXTEEN_BY_NINE as typeof SIXTEEN_BY_NINE;\n\nexport default ResponsiveVideo;\n"],"names":["FOUR_BY_THREE","SIXTEEN_BY_NINE","ResponsiveVideo","props","src","className","allowFullScreen","aspectRatio","wrapperClassName","classNames","jsx"],"mappings":";;AAEA,MAAMA,IAAgB,QAChBC,IAAkB,SAgClBC,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,KAAAC,GAAK,WAAAC,IAAY,IAAI,iBAAAC,IAAkB,IAAM,aAAAC,IAAc,YAAYJ,GAEzEK,IAAmBC,EAAW,oBAAoB,oBAAoBF,CAAW,IAAIF,KAAaA,CAAS;AAEjH,SACI,gBAAAK,EAAC,SAAI,WAAWF,GACZ,4BAAC,UAAA,EAAO,KAAAJ,GAAU,iBAAAE,GAAkC,EAAA,CACxD;AAER;AAEAJ,EAAgB,sBAAsBF;AACtCE,EAAgB,uBAAuBD;"}

package/components/virtualList/VirtualList.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type VirtualListProps<T> = {
     /**
      * The array of items to be rendered in the list.