@webiny/admin-ui 0.0.0-unstable.6844005670 → 0.0.0-unstable.7be00a75a9

package/DatePicker/utils/types.d.ts

@@ -0,0 +1,81 @@
+import type { InputPrimitiveProps } from "../../Input/index.js";
+interface DatePickerPreset {
+    label: string;
+    value: () => Date;
+}
+interface DatePickerBaseProps {
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    size?: InputPrimitiveProps["size"];
+    variant?: InputPrimitiveProps["variant"];
+    invalid?: InputPrimitiveProps["invalid"];
+    yearRange?: [number, number];
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    onOpenChange?: (open: boolean) => void;
+    displayFormat?: string;
+}
+interface DateOnlyPickerProps extends DatePickerBaseProps {
+    type: "date";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    presets?: DatePickerPreset[];
+}
+interface TimeOnlyPickerProps extends DatePickerBaseProps {
+    type: "time";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface DateTimeLocalPickerProps extends DatePickerBaseProps {
+    type: "dateTimeLocal";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface DateTimeTzPickerProps extends DatePickerBaseProps {
+    type: "dateTimeTz";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface MonthPickerProps extends DatePickerBaseProps {
+    type: "month";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface WeekPickerProps extends DatePickerBaseProps {
+    type: "week";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface YearPickerProps extends DatePickerBaseProps {
+    type: "year";
+    value?: number;
+    onChange?: (value: number | undefined) => void;
+}
+interface DateRangePickerProps extends DatePickerBaseProps {
+    type: "dateRange";
+    value?: {
+        from?: string;
+        to?: string;
+    };
+    onChange?: (value: {
+        from?: string;
+        to?: string;
+    } | undefined) => void;
+}
+interface MultipleDatesPickerProps extends DatePickerBaseProps {
+    type: "multipleDates";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+interface MultipleMonthsPickerProps extends DatePickerBaseProps {
+    type: "multipleMonths";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+interface MultipleYearsPickerProps extends DatePickerBaseProps {
+    type: "multipleYears";
+    value?: number[];
+    onChange?: (value: number[]) => void;
+}
+type DatePickerPrimitiveProps = DateOnlyPickerProps | TimeOnlyPickerProps | DateTimeLocalPickerProps | DateTimeTzPickerProps | MonthPickerProps | WeekPickerProps | YearPickerProps | DateRangePickerProps | MultipleDatesPickerProps | MultipleMonthsPickerProps | MultipleYearsPickerProps;
+export { type DatePickerPreset, type DatePickerBaseProps, type DatePickerPrimitiveProps, type DateOnlyPickerProps, type TimeOnlyPickerProps, type DateTimeLocalPickerProps, type DateTimeTzPickerProps, type MonthPickerProps, type WeekPickerProps, type YearPickerProps, type DateRangePickerProps, type MultipleDatesPickerProps, type MultipleMonthsPickerProps, type MultipleYearsPickerProps };

package/DelayedOnChange/DelayedOnChange.js

@@ -1,121 +1,80 @@
-import React, { useEffect, useRef, useState } from "react";
+import react, { useEffect, useRef, useState } from "react";
 import isEqual from "lodash/isEqual.js";
-const emptyFunction = () => {
-  return undefined;
-};
-
-/**
- * This component is used to wrap Input and Textarea components to optimize form re-render.
- * These 2 are the only components that trigger form model change on each character input.
- * This means, whenever you type a letter an entire form re-renders.
- * On complex forms you will feel and see a significant delay if this component is not used.
- *
- * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
- * a user stops typing for given period of time (400ms by default).
- */
-
-export const DelayedOnChange = ({
-  children,
-  ...other
-}) => {
-  const firstMount = useRef(true);
-  const {
-    onChange,
-    delay = 400,
-    value: initialValue
-  } = other;
-  const [value, setValue] = useState(initialValue);
-  // Sync state and props
-  useEffect(() => {
-    // Do not update local state, if the incoming value is the same as the local state.
-    // This is primarily an optimization for non-scalar values (objects).
-    if (isEqual(initialValue, value)) {
-      return;
-    }
-    setValue(initialValue);
-  }, [initialValue]);
-  const localTimeout = React.useRef(null);
-  const applyValue = value => {
-    localTimeout.current && clearTimeout(localTimeout.current);
-    localTimeout.current = null;
-    if (!onChange) {
-      return;
-    }
-    onChange(value);
-  };
-  const onChangeLocal = React.useCallback(value => {
-    setValue(value);
-  }, []);
-
-  // this is fired upon change value state
-  const onValueStateChanged = nextValue => {
-    // We don't want to execute callbacks, if the value hasn't changed.
-    if (isEqual(nextValue, initialValue)) {
-      return;
-    }
-    localTimeout.current && clearTimeout(localTimeout.current);
-    localTimeout.current = null;
-    localTimeout.current = setTimeout(() => applyValue(nextValue), delay);
-  };
-
-  // need to clear the timeout when unmounting the component
-  useEffect(() => {
-    return () => {
-      if (!localTimeout.current) {
-        return;
-      }
-      clearTimeout(localTimeout.current);
-      localTimeout.current = null;
+const emptyFunction = ()=>{};
+const DelayedOnChange = ({ children, ...other })=>{
+    const firstMount = useRef(true);
+    const { onChange, delay = 400, value: initialValue } = other;
+    const [value, setValue] = useState(initialValue);
+    useEffect(()=>{
+        if (isEqual(initialValue, value)) return;
+        setValue(initialValue);
+    }, [
+        initialValue
+    ]);
+    const localTimeout = react.useRef(null);
+    const applyValue = (value)=>{
+        localTimeout.current && clearTimeout(localTimeout.current);
+        localTimeout.current = null;
+        if (!onChange) return;
+        onChange(value);
     };
-  }, []);
-  useEffect(() => {
-    if (firstMount.current) {
-      firstMount.current = false;
-      return;
-    }
-    onValueStateChanged(value);
-  }, [value]);
-  const newProps = {
-    ...other,
-    value: value,
-    onChange: onChangeLocal
-  };
-  const renderProp = typeof children === "function" ? children : null;
-  const child = renderProp ? renderProp(newProps) : /*#__PURE__*/React.cloneElement(children, newProps);
-  const props = {
-    ...child.props
-  };
-  const realOnKeyDown = props.onKeyDown || emptyFunction;
-  const realOnBlur = props.onBlur || emptyFunction;
-
-  // Need to apply value if input lost focus
-  const onBlur = ev => {
-    if (!ev["persist"]) {
-      return;
-    }
-    ev.persist();
-    applyValue(ev.target.value);
-    realOnBlur(ev);
-  };
-
-  // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.
-  const onKeyDown = ev => {
-    ev.persist();
-    if (ev.key === "Tab") {
-      applyValue(ev.target.value);
-      realOnKeyDown(ev);
-    } else if (ev.key === "Enter") {
-      applyValue(ev.target.value);
-      realOnKeyDown(ev);
-    } else {
-      realOnKeyDown(ev);
-    }
-  };
-  return /*#__PURE__*/React.cloneElement(child, {
-    ...props,
-    onBlur,
-    onKeyDown
-  });
+    const onChangeLocal = react.useCallback((value)=>{
+        setValue(value);
+    }, []);
+    const onValueStateChanged = (nextValue)=>{
+        if (isEqual(nextValue, initialValue)) return;
+        localTimeout.current && clearTimeout(localTimeout.current);
+        localTimeout.current = null;
+        localTimeout.current = setTimeout(()=>applyValue(nextValue), delay);
+    };
+    useEffect(()=>()=>{
+            if (!localTimeout.current) return;
+            clearTimeout(localTimeout.current);
+            localTimeout.current = null;
+        }, []);
+    useEffect(()=>{
+        if (firstMount.current) {
+            firstMount.current = false;
+            return;
+        }
+        onValueStateChanged(value);
+    }, [
+        value
+    ]);
+    const newProps = {
+        ...other,
+        value: value,
+        onChange: onChangeLocal
+    };
+    const renderProp = "function" == typeof children ? children : null;
+    const child = renderProp ? renderProp(newProps) : react.cloneElement(children, newProps);
+    const props = {
+        ...child.props
+    };
+    const realOnKeyDown = props.onKeyDown || emptyFunction;
+    const realOnBlur = props.onBlur || emptyFunction;
+    const onBlur = (ev)=>{
+        if (!ev["persist"]) return;
+        ev.persist();
+        applyValue(ev.target.value);
+        realOnBlur(ev);
+    };
+    const onKeyDown = (ev)=>{
+        ev.persist();
+        if ("Tab" === ev.key) {
+            applyValue(ev.target.value);
+            realOnKeyDown(ev);
+        } else if ("Enter" === ev.key) {
+            applyValue(ev.target.value);
+            realOnKeyDown(ev);
+        } else realOnKeyDown(ev);
+    };
+    return react.cloneElement(child, {
+        ...props,
+        onBlur,
+        onKeyDown
+    });
 };
+export { DelayedOnChange };
 
 //# sourceMappingURL=DelayedOnChange.js.map

package/DelayedOnChange/DelayedOnChange.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","isEqual","emptyFunction","undefined","DelayedOnChange","children","other","firstMount","onChange","delay","value","initialValue","setValue","localTimeout","applyValue","current","clearTimeout","onChangeLocal","useCallback","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","cloneElement","props","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual.js\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...child.props };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as any as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as any as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as any as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DelayedOnChange/DelayedOnChange.js","sources":["../../src/DelayedOnChange/DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual.js\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...(child.props as DelayedOnChangeProps<TValue>) };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"names":["emptyFunction","DelayedOnChange","children","other","firstMount","useRef","onChange","delay","initialValue","value","setValue","useState","useEffect","isEqual","localTimeout","React","applyValue","clearTimeout","onChangeLocal","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","props","realOnKeyDown","realOnBlur","onBlur","ev","onKeyDown"],"mappings":";;AAGA,MAAMA,gBAAgB,KAEtB;AA8CO,MAAMC,kBAAkB,CAAe,EAC1CC,QAAQ,EACR,GAAGC,OACwB;IAC3B,MAAMC,aAAaC,OAAO;IAC1B,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,GAAG,EAAE,OAAOC,YAAY,EAAE,GAAGL;IACvD,MAAM,CAACM,OAAOC,SAAS,GAAGC,SAA6BH;IAEvDI,UAAU;QAGN,IAAIC,QAAQL,cAAcC,QACtB;QAGJC,SAASF;IACb,GAAG;QAACA;KAAa;IAEjB,MAAMM,eAAeC,MAAAA,MAAY,CAAgB;IAEjD,MAAMC,aAAa,CAACP;QAChBK,aAAa,OAAO,IAAIG,aAAaH,aAAa,OAAO;QACzDA,aAAa,OAAO,GAAG;QACvB,IAAI,CAACR,UACD;QAEJA,SAASG;IACb;IAEA,MAAMS,gBAAgBH,MAAAA,WAAiB,CAAC,CAACN;QACrCC,SAASD;IACb,GAAG,EAAE;IAGL,MAAMU,sBAAsB,CAACC;QAEzB,IAAIP,QAAQO,WAAWZ,eACnB;QAGJM,aAAa,OAAO,IAAIG,aAAaH,aAAa,OAAO;QACzDA,aAAa,OAAO,GAAG;QACvBA,aAAa,OAAO,GAAGO,WAAW,IAAML,WAAWI,YAAYb;IACnE;IAGAK,UAAU,IACC;YACH,IAAI,CAACE,aAAa,OAAO,EACrB;YAEJG,aAAaH,aAAa,OAAO;YACjCA,aAAa,OAAO,GAAG;QAC3B,GACD,EAAE;IAELF,UAAU;QACN,IAAIR,WAAW,OAAO,EAAE;YACpBA,WAAW,OAAO,GAAG;YACrB;QACJ;QAEAe,oBAAoBV;IACxB,GAAG;QAACA;KAAM;IAEV,MAAMa,WAAW;QACb,GAAGnB,KAAK;QACR,OAAOM;QACP,UAAUS;IACd;IAEA,MAAMK,aACF,AAAoB,cAApB,OAAOrB,WAA2BA,WAAoD;IAC1F,MAAMsB,QAAQD,aACRA,WAAWD,YACXP,MAAAA,YAAkB,CAACb,UAA2CoB;IAEpE,MAAMG,QAAQ;QAAE,GAAID,MAAM,KAAK;IAAkC;IACjE,MAAME,gBAAgBD,MAAM,SAAS,IAAIzB;IACzC,MAAM2B,aAAaF,MAAM,MAAM,IAAIzB;IAGnC,MAAM4B,SAAyBC,CAAAA;QAC3B,IAAI,CAACA,EAAE,CAAC,UAAU,EACd;QAEJA,GAAG,OAAO;QACVb,WAAYa,GAAG,MAAM,CAAsB,KAAK;QAChDF,WAAWE;IACf;IAGA,MAAMC,YAA+BD,CAAAA;QACjCA,GAAG,OAAO;QACV,IAAIA,AAAW,UAAXA,GAAG,GAAG,EAAY;YAClBb,WAAYa,GAAG,MAAM,CAAsB,KAAK;YAChDH,cAAcG;QAClB,OAAO,IAAIA,AAAW,YAAXA,GAAG,GAAG,EAAc;YAC3Bb,WAAYa,GAAG,MAAM,CAAsB,KAAK;YAChDH,cAAcG;QAClB,OACIH,cAAcG;IAEtB;IAEA,OAAOd,MAAAA,YAAkB,CAACS,OAAO;QAAE,GAAGC,KAAK;QAAEG;QAAQE;IAAU;AACnE"}

package/DelayedOnChange/index.js

@@ -1,3 +1 @@
 export * from "./DelayedOnChange.js";
-
-//# sourceMappingURL=index.js.map

package/Dialog/Dialog.d.ts

@@ -8,10 +8,15 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     showCloseButton?: boolean;
     dismissible?: boolean;
     bodyPadding?: boolean;
+    scrollable?: boolean;
     description?: React.ReactNode;
     children: React.ReactNode;
     actions?: React.ReactNode;
     info?: React.ReactNode;
+    loading?: boolean | {
+        text?: string;
+    };
+    overlay?: React.ReactNode;
     onClose?: () => void;
     onOpen?: () => void;
 }

package/Dialog/Dialog.js

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
+import { OverlayLoader } from "../Loader/index.js";
 import { DialogContent } from "./components/DialogContent.js";
 import { DialogHeader } from "./components/DialogHeader.js";
 import { DialogBody } from "./components/DialogBody.js";
@@ -13,111 +13,87 @@ import { ConfirmAction } from "./components/ConfirmAction.js";
 import { CancelAction } from "./components/CancelAction.js";
 import { CloseDialogIconButton } from "./components/CloseDialogIconButton.js";
 import { DialogClose } from "./components/DialogClose.js";
-const DialogBase = props => {
-  const {
-    rootProps,
-    triggerProps,
-    contentProps,
-    headerProps,
-    bodyProps,
-    footerProps,
-    closeButtonProps
-  } = React.useMemo(() => {
-    const {
-      // Root props.
-      defaultOpen,
-      open,
-      onOpenChange: originalOnOpenChange,
-      onClose,
-      onOpen,
-      modal,
-      dir,
-      // Shared props.
-      size,
-      // Trigger props.
-      trigger,
-      // Header props.
-      title,
-      icon,
-      description,
-      // Body props.
-      children,
-      bodyPadding,
-      // Footer props.
-      actions,
-      info,
-      // Close button props.
-      showCloseButton = true,
-      // Content props.
-      ...rest
-    } = props;
-
-    // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed
-    const onOpenChange = open => {
-      originalOnOpenChange && originalOnOpenChange(open);
-      if (onClose && !open) {
-        onClose();
-      }
-      if (onOpen && open) {
-        onOpen();
-      }
-    };
-    return {
-      rootProps: {
-        defaultOpen,
-        open,
-        onOpenChange,
-        modal,
-        dir,
-        size
-      },
-      triggerProps: {
-        // Temporary fix. We need this because `ref` doesn't get passed to components
-        // that are decorated with `makeDecoratable`. This will be fixed in the future.
-        children: /*#__PURE__*/React.createElement("div", null, trigger)
-      },
-      headerProps: {
-        title,
-        icon,
-        description,
-        size
-      },
-      bodyProps: {
-        children,
-        bodyPadding,
-        size
-      },
-      footerProps: {
-        info,
-        actions,
-        size
-      },
-      closeButtonProps: {
-        show: showCloseButton,
-        size
-      },
-      contentProps: {
-        ...rest,
-        size
-      }
-    };
-  }, [props]);
-  return /*#__PURE__*/React.createElement(DialogRoot, rootProps, triggerProps.children && /*#__PURE__*/React.createElement(DialogTrigger, Object.assign({}, triggerProps, {
-    asChild: true
-  })), /*#__PURE__*/React.createElement(DialogPortal, null, /*#__PURE__*/React.createElement("div", {
-    "data-role": "dialog",
-    className: "z-overlay absolute"
-  }, /*#__PURE__*/React.createElement(DialogOverlay, null), /*#__PURE__*/React.createElement(DialogContent, contentProps, /*#__PURE__*/React.createElement(DialogHeader, headerProps), /*#__PURE__*/React.createElement(DialogBody, bodyProps), /*#__PURE__*/React.createElement(DialogFooter, footerProps), closeButtonProps.show && /*#__PURE__*/React.createElement(CloseDialogIconButton, {
-    size: closeButtonProps.size
-  })))));
+import * as __rspack_external_react from "react";
+const DialogBase = (props)=>{
+    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps, closeButtonProps } = __rspack_external_react.useMemo(()=>{
+        const { defaultOpen, open, onOpenChange: originalOnOpenChange, onClose, onOpen, modal, dir, size, trigger, title, icon, description, children, bodyPadding, scrollable, actions, info, loading, overlay, showCloseButton = true, ...rest } = props;
+        const onOpenChange = (open)=>{
+            originalOnOpenChange && originalOnOpenChange(open);
+            if (onClose && !open) onClose();
+            if (onOpen && open) onOpen();
+        };
+        const resolvedOverlay = (()=>{
+            if (overlay) return overlay;
+            if (!loading) return;
+            const text = "object" == typeof loading ? loading.text : void 0;
+            return /*#__PURE__*/ __rspack_external_react.createElement(OverlayLoader, {
+                text: text
+            });
+        })();
+        return {
+            rootProps: {
+                defaultOpen,
+                open,
+                onOpenChange,
+                modal,
+                dir,
+                size
+            },
+            triggerProps: {
+                children: /*#__PURE__*/ __rspack_external_react.createElement("div", null, trigger)
+            },
+            headerProps: {
+                title,
+                icon,
+                description,
+                size
+            },
+            bodyProps: {
+                children,
+                bodyPadding,
+                scrollable,
+                size
+            },
+            footerProps: {
+                info,
+                actions,
+                size
+            },
+            closeButtonProps: {
+                show: showCloseButton,
+                size
+            },
+            contentProps: {
+                ...rest,
+                size,
+                overlay: resolvedOverlay
+            }
+        };
+    }, [
+        props
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(DialogRoot, rootProps, triggerProps.children && /*#__PURE__*/ __rspack_external_react.createElement(DialogTrigger, {
+        ...triggerProps,
+        asChild: true
+    }), /*#__PURE__*/ __rspack_external_react.createElement(DialogPortal, null, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-role": "dialog",
+        className: "z-overlay absolute"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogOverlay, null), /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, {
+        ...contentProps,
+        header: /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, headerProps),
+        footer: /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, footerProps),
+        closeButton: closeButtonProps.show ? /*#__PURE__*/ __rspack_external_react.createElement(CloseDialogIconButton, {
+            size: closeButtonProps.size
+        }) : void 0
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogBody, bodyProps)))));
 };
 DialogBase.displayName = "Dialog";
 const DecoratableDialog = makeDecoratable("Dialog", DialogBase);
 const Dialog = withStaticProps(DecoratableDialog, {
-  ConfirmAction,
-  CancelAction,
-  Icon,
-  Close: DialogClose
+    ConfirmAction: ConfirmAction,
+    CancelAction: CancelAction,
+    Icon: Icon,
+    Close: DialogClose
 });
 export { Dialog };
 

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogOverlay","DialogPortal","DialogRoot","DialogTrigger","Icon","ConfirmAction","CancelAction","CloseDialogIconButton","DialogClose","DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","actions","info","showCloseButton","rest","createElement","show","Object","assign","asChild","className","displayName","DecoratableDialog","Dialog","Close"],"sources":["Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DialogContent } from \"./components/DialogContent.js\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader.js\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody.js\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter.js\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay.js\";\nimport { DialogPortal } from \"./components/DialogPortal.js\";\nimport { DialogRoot } from \"./components/DialogRoot.js\";\nimport { DialogTrigger } from \"./components/DialogTrigger.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CloseDialogIconButton } from \"~/Dialog/components/CloseDialogIconButton.js\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose.js\";\n\ninterface DialogProps\n    extends React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir,\n                size\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <div data-role=\"dialog\" className={\"z-overlay absolute\"}>\n                    <DialogOverlay />\n                    <DialogContent {...contentProps}>\n                        <DialogHeader {...headerProps} />\n                        <DialogBody {...bodyProps} />\n                        <DialogFooter {...footerProps} />\n                        {closeButtonProps.show && (\n                            <CloseDialogIconButton size={closeButtonProps.size} />\n                        )}\n                    </DialogContent>\n                </div>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmAction,\n    CancelAction,\n    Icon,\n    Close: DialogClose\n});\n\nexport { Dialog, type DialogProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Dialog/Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { OverlayLoader } from \"~/Loader/index.js\";\nimport { DialogContent } from \"./components/DialogContent.js\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader.js\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody.js\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter.js\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay.js\";\nimport { DialogPortal } from \"./components/DialogPortal.js\";\nimport { DialogRoot } from \"./components/DialogRoot.js\";\nimport { DialogTrigger } from \"./components/DialogTrigger.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CloseDialogIconButton } from \"~/Dialog/components/CloseDialogIconButton.js\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose.js\";\n\ninterface DialogProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    scrollable?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    loading?: boolean | { text?: string };\n    overlay?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n            scrollable,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Overlay props.\n            loading,\n            overlay,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        const resolvedOverlay = (() => {\n            if (overlay) {\n                return overlay;\n            }\n            if (!loading) {\n                return undefined;\n            }\n            const text = typeof loading === \"object\" ? loading.text : undefined;\n            return <OverlayLoader text={text} />;\n        })();\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir,\n                size\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, scrollable, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size, overlay: resolvedOverlay }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <div data-role=\"dialog\" className={\"z-overlay absolute\"}>\n                    <DialogOverlay />\n                    <DialogContent\n                        {...contentProps}\n                        header={<DialogHeader {...headerProps} />}\n                        footer={<DialogFooter {...footerProps} />}\n                        closeButton={\n                            closeButtonProps.show ? (\n                                <CloseDialogIconButton size={closeButtonProps.size} />\n                            ) : undefined\n                        }\n                    >\n                        <DialogBody {...bodyProps} />\n                    </DialogContent>\n                </div>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmAction,\n    CancelAction,\n    Icon,\n    Close: DialogClose\n});\n\nexport { Dialog, type DialogProps };\n"],"names":["DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","React","defaultOpen","open","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","scrollable","actions","info","loading","overlay","showCloseButton","rest","onOpenChange","resolvedOverlay","text","undefined","OverlayLoader","DialogRoot","DialogTrigger","DialogPortal","DialogOverlay","DialogContent","DialogHeader","DialogFooter","CloseDialogIconButton","DialogBody","DecoratableDialog","makeDecoratable","Dialog","withStaticProps","ConfirmAction","CancelAction","Icon","DialogClose"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAMA,aAAa,CAACC;IAChB,MAAM,EACFC,SAAS,EACTC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,gBAAgB,EACnB,GAAGC,wBAAAA,OAAa,CAAC;QACd,MAAM,EAEFC,WAAW,EACXC,IAAI,EACJ,cAAcC,oBAAoB,EAClCC,OAAO,EACPC,MAAM,EACNC,KAAK,EACLC,GAAG,EAGHC,IAAI,EAGJC,OAAO,EAGPC,KAAK,EACLC,IAAI,EACJC,WAAW,EAGXC,QAAQ,EACRC,WAAW,EACXC,UAAU,EAGVC,OAAO,EACPC,IAAI,EAGJC,OAAO,EACPC,OAAO,EAGPC,kBAAkB,IAAI,EAGtB,GAAGC,MACN,GAAG7B;QAGJ,MAAM8B,eAAe,CAACpB;YAClBC,wBAAwBA,qBAAqBD;YAE7C,IAAIE,WAAW,CAACF,MACZE;YAGJ,IAAIC,UAAUH,MACVG;QAER;QAEA,MAAMkB,kBAAmB,AAAC;YACtB,IAAIJ,SACA,OAAOA;YAEX,IAAI,CAACD,SACD;YAEJ,MAAMM,OAAO,AAAmB,YAAnB,OAAON,UAAuBA,QAAQ,IAAI,GAAGO;YAC1D,OAAO,WAAP,GAAO,sCAACC,eAAaA;gBAAC,MAAMF;;QAChC;QAEA,OAAO;YACH,WAAW;gBACPvB;gBACAC;gBACAoB;gBACAhB;gBACAC;gBACAC;YACJ;YACA,cAAc;gBAGV,UAAU,WAAV,GAAU,sCAAC,aAAKC;YACpB;YACA,aAAa;gBAAEC;gBAAOC;gBAAMC;gBAAaJ;YAAK;YAC9C,WAAW;gBAAEK;gBAAUC;gBAAaC;gBAAYP;YAAK;YACrD,aAAa;gBAAES;gBAAMD;gBAASR;YAAK;YACnC,kBAAkB;gBAAE,MAAMY;gBAAiBZ;YAAK;YAChD,cAAc;gBAAE,GAAGa,IAAI;gBAAEb;gBAAM,SAASe;YAAgB;QAC5D;IACJ,GAAG;QAAC/B;KAAM;IAEV,OAAO,WAAP,GACI,sCAACmC,YAAelC,WACXC,aAAa,QAAQ,IAAI,WAAJ,GAAI,sCAACkC,eAAaA;QAAE,GAAGlC,YAAY;QAAE;sBAC3D,sCAACmC,cAAYA,MAAAA,WAAAA,GACT,sCAAC;QAAI,aAAU;QAAS,WAAW;qBAC/B,sCAACC,eAAaA,OAAAA,WAAAA,GACd,sCAACC,eAAaA;QACT,GAAGpC,YAAY;QAChB,sBAAQ,sCAACqC,cAAiBpC;QAC1B,sBAAQ,sCAACqC,cAAiBnC;QAC1B,aACIC,iBAAiB,IAAI,GAAG,WAAH,GACjB,sCAACmC,uBAAqBA;YAAC,MAAMnC,iBAAiB,IAAI;aAClD0B;qBAGR,sCAACU,YAAetC;AAMxC;AAEAN,WAAW,WAAW,GAAG;AAEzB,MAAM6C,oBAAoBC,gBAAgB,UAAU9C;AAEpD,MAAM+C,SAASC,gBAAgBH,mBAAmB;IAC9CI,eAAaA;IACbC,cAAYA;IACZC,MAAIA;IACJ,OAAOC;AACX"}