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

package/Widget/components/WidgetHeader.js

@@ -1,49 +1,43 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { WidgetTitle } from "./WidgetTitle.js";
 import { WidgetDescription } from "./WidgetDescription.js";
 import { useWidgetProps } from "./WidgetPropsProvider.js";
 import { WidgetActionsProvider } from "./WidgetActionsContext.js";
+import * as __rspack_external_react from "react";
 const widgetHeaderVariants = cva("text-neutral-primary", {
-  variants: {
-    padding: {
-      sm: "pt-sm-extra pl-md pr-sm-extra",
-      md: "pt-md pl-lg pr-md"
+    variants: {
+        padding: {
+            sm: "pt-sm-extra pl-md pr-sm-extra",
+            md: "pt-md pl-lg pr-md"
+        }
+    },
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
-export const WidgetHeader = () => {
-  const {
-    headerActions,
-    title,
-    icon,
-    description,
-    padding,
-    className
-  } = useWidgetProps();
-  const nothingToRender = React.useMemo(() => {
-    return !title && !description && !icon;
-  }, [title, description, icon]);
-  if (nothingToRender) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    "data-widget": "header",
-    className: cn(widgetHeaderVariants({
-      padding
-    }), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra"
-  }, /*#__PURE__*/React.createElement(WidgetTitle, null, icon, title), description && /*#__PURE__*/React.createElement(WidgetDescription, null, description)), headerActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
-    location: "header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, headerActions))));
+const WidgetHeader = ()=>{
+    const { headerActions, title, icon, description, padding, className } = useWidgetProps();
+    const nothingToRender = __rspack_external_react.useMemo(()=>!title && !description && !icon, [
+        title,
+        description,
+        icon
+    ]);
+    if (nothingToRender) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-widget": "header",
+        className: cn(widgetHeaderVariants({
+            padding
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex justify-between"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(WidgetTitle, null, icon, title), description && /*#__PURE__*/ __rspack_external_react.createElement(WidgetDescription, null, description)), headerActions && /*#__PURE__*/ __rspack_external_react.createElement(WidgetActionsProvider, {
+        location: "header"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-sm"
+    }, headerActions))));
 };
+export { WidgetHeader };
 
 //# sourceMappingURL=WidgetHeader.js.map

package/Widget/components/WidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","WidgetTitle","WidgetDescription","useWidgetProps","WidgetActionsProvider","widgetHeaderVariants","variants","padding","sm","md","defaultVariants","WidgetHeader","headerActions","title","icon","description","className","nothingToRender","useMemo","createElement","location"],"sources":["WidgetHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { WidgetTitle } from \"./WidgetTitle.js\";\nimport { WidgetDescription } from \"./WidgetDescription.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-extra\",\n            md: \"pt-md pl-lg pr-md\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetHeader = () => {\n    const { headerActions, title, icon, description, padding, className } = useWidgetProps();\n\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div data-widget=\"header\" className={cn(widgetHeaderVariants({ padding }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra\">\n                    <WidgetTitle>\n                        {icon}\n                        {title}\n                    </WidgetTitle>\n                    {description && <WidgetDescription>{description}</WidgetDescription>}\n                </div>\n                {headerActions && (\n                    <WidgetActionsProvider location=\"header\">\n                        <div className={\"flex gap-sm\"}>{headerActions}</div>\n                    </WidgetActionsProvider>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAE9B,MAAMC,oBAAoB,GAAGL,GAAG,CAAC,sBAAsB,EAAE;EACrDM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,+BAA+B;MACnCC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAER,OAAO;IAAES;EAAU,CAAC,GAAGb,cAAc,CAAC,CAAC;EAExF,MAAMc,eAAe,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAM;IACxC,OAAO,CAACL,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI;EAC1C,CAAC,EAAE,CAACD,KAAK,EAAEE,WAAW,EAAED,IAAI,CAAC,CAAC;EAE9B,IAAIG,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAqB,aAAA;IAAK,eAAY,QAAQ;IAACH,SAAS,EAAEjB,EAAE,CAACM,oBAAoB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,gBAClFlB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAE;EAAuB,gBACnClB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAC;EAA8D,gBACzElB,KAAA,CAAAqB,aAAA,CAAClB,WAAW,QACPa,IAAI,EACJD,KACQ,CAAC,EACbE,WAAW,iBAAIjB,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB,QAAEa,WAA+B,CAClE,CAAC,EACLH,aAAa,iBACVd,KAAA,CAAAqB,aAAA,CAACf,qBAAqB;IAACgB,QAAQ,EAAC;EAAQ,gBACpCtB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAE;EAAc,GAAEJ,aAAmB,CAChC,CAE1B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetHeader.js","sources":["../../../src/Widget/components/WidgetHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { WidgetTitle } from \"./WidgetTitle.js\";\nimport { WidgetDescription } from \"./WidgetDescription.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-extra\",\n            md: \"pt-md pl-lg pr-md\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetHeader = () => {\n    const { headerActions, title, icon, description, padding, className } = useWidgetProps();\n\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div data-widget=\"header\" className={cn(widgetHeaderVariants({ padding }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra\">\n                    <WidgetTitle>\n                        {icon}\n                        {title}\n                    </WidgetTitle>\n                    {description && <WidgetDescription>{description}</WidgetDescription>}\n                </div>\n                {headerActions && (\n                    <WidgetActionsProvider location=\"header\">\n                        <div className={\"flex gap-sm\"}>{headerActions}</div>\n                    </WidgetActionsProvider>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["widgetHeaderVariants","cva","WidgetHeader","headerActions","title","icon","description","padding","className","useWidgetProps","nothingToRender","React","cn","WidgetTitle","WidgetDescription","WidgetActionsProvider"],"mappings":";;;;;;AAOA,MAAMA,uBAAuBC,IAAI,wBAAwB;IACrD,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEO,MAAMC,eAAe;IACxB,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC;IAExE,MAAMC,kBAAkBC,wBAAAA,OAAa,CAAC,IAC3B,CAACP,SAAS,CAACE,eAAe,CAACD,MACnC;QAACD;QAAOE;QAAaD;KAAK;IAE7B,IAAIK,iBACA,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAI,eAAY;QAAS,WAAWE,GAAGZ,qBAAqB;YAAEO;QAAQ,IAAIC;qBACvE,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAU;qBACX,sCAACK,aAAWA,MACPR,MACAD,QAEJE,eAAe,WAAfA,GAAe,sCAACQ,mBAAiBA,MAAER,eAEvCH,iBAAiB,WAAjBA,GACG,sCAACY,uBAAqBA;QAAC,UAAS;qBAC5B,sCAAC;QAAI,WAAW;OAAgBZ;AAMxD"}

package/Widget/components/WidgetPropsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponentPropsProvider","WidgetPropsProvider","useWidgetProps"],"sources":["WidgetPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type WidgetProps } from \"../Widget.js\";\n\nconst [WidgetPropsProvider, useWidgetProps] = createComponentPropsProvider<WidgetProps>();\n\nexport { WidgetPropsProvider, useWidgetProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,mBAAmB,EAAEC,cAAc,CAAC,GAAGF,4BAA4B,CAAc,CAAC;AAEzF,SAASC,mBAAmB,EAAEC,cAAc","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetPropsProvider.js","sources":["../../../src/Widget/components/WidgetPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type WidgetProps } from \"../Widget.js\";\n\nconst [WidgetPropsProvider, useWidgetProps] = createComponentPropsProvider<WidgetProps>();\n\nexport { WidgetPropsProvider, useWidgetProps };\n"],"names":["WidgetPropsProvider","useWidgetProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,qBAAqBC,eAAe,GAAGC"}

package/Widget/components/WidgetTitle.js

@@ -1,10 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-export const WidgetTitle = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5", className)
-}));
+import * as __rspack_external_react from "react";
+const WidgetTitle = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn("flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5", className)
+    });
+export { WidgetTitle };
 
 //# sourceMappingURL=WidgetTitle.js.map

package/Widget/components/WidgetTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","WidgetTitle","className","props","createElement","Object","assign"],"sources":["WidgetTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetTitle = ({ className, ...props }: WidgetTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5\",\n            className\n        )}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAIX,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBACjEJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEF,EAAE,CACT,2EAA2E,EAC3EE,SACJ;AAAE,EACL,CACJ","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetTitle.js","sources":["../../../src/Widget/components/WidgetTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetTitle = ({ className, ...props }: WidgetTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5\",\n            className\n        )}\n    />\n);\n"],"names":["WidgetTitle","className","props","cn"],"mappings":";;AAKO,MAAMA,cAAc,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAyB,iBACjE,sCAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GACP,6EACAF"}

package/Widget/index.js

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

package/exports/admin/ui.d.ts

@@ -1,3 +1,4 @@
+export { FormComponentDescription, FormComponentLabel, FormComponentNote, FormComponentErrorMessage } from "../../FormComponent/index.js";
 export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";

package/exports/admin/ui.js

@@ -1,178 +1,60 @@
-// Accordion
+export { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../../FormComponent/index.js";
 export { Accordion } from "../../Accordion/index.js";
-
-// Alert
 export { Alert } from "../../Alert/index.js";
-
-// AutoComplete
 export { AutoComplete } from "../../AutoComplete/index.js";
-
-// Avatar
 export { Avatar } from "../../Avatar/index.js";
-
-// Button
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
-
-// Card
 export { Card } from "../../Card/index.js";
-
-// Checkbox
 export { Checkbox } from "../../Checkbox/index.js";
-
-// CheckboxGroup
 export { CheckboxGroup } from "../../CheckboxGroup/index.js";
-
-// CodeEditor
 export { CodeEditor } from "../../CodeEditor/index.js";
-
-// ColorPicker
 export { ColorPicker } from "../../ColorPicker/index.js";
-
-// DataList
 export { CloneIcon, CreateIcon, DataList, DataListModal, DataListWithSections, DeleteIcon, DownloadIcon, EditIcon, FilterIcon, ListIcon, LoginIcon, NextPageIcon, OptionsIcon, PreviousPageIcon, RefreshIcon, SortIcon, UploadIcon } from "../../DataList/index.js";
-
-// DataTable
 export { DataTable } from "../../DataTable/index.js";
-
-// DelayedOnChange
 export { DelayedOnChange } from "../../DelayedOnChange/index.js";
-
-// Dialog
 export { Dialog } from "../../Dialog/index.js";
-
-// Drawer
 export { Drawer } from "../../Drawer/index.js";
-
-// DropdownMenu
 export { DropdownMenu } from "../../DropdownMenu/index.js";
-
-// DynamicFieldset
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
-
-// FilePicker
 export { FilePicker } from "../../FilePicker/index.js";
-
-// Grid
 export { Grid } from "../../Grid/index.js";
-
-// HeaderBar
 export { HeaderBar } from "../../HeaderBar/index.js";
-
-// Heading
 export { Heading } from "../../Heading/index.js";
-
-// Icon
 export { Icon } from "../../Icon/index.js";
-
-// IconPicker
 export { IconPicker } from "../../IconPicker/index.js";
-
-// Image
 export { Image } from "../../Image/index.js";
-
-// Input
 export { Input } from "../../Input/index.js";
-
-// Label
 export { Label } from "../../Label/index.js";
-
-// Link
 export { Link } from "../../Link/index.js";
-
-// List
 export { List } from "../../List/index.js";
-
-// Loader
 export { Loader, OverlayLoader } from "../../Loader/index.js";
-
-// MultiAutoComplete
 export { MultiAutoComplete } from "../../MultiAutoComplete/index.js";
-
-// MultiFilePicker
 export { MultiFilePicker } from "../../MultiFilePicker/index.js";
-
-// Portal
 export { Portal } from "../../Portal/index.js";
-
-// Popover
 export { Popover } from "../../Popover/index.js";
-
-// ProgressBar
 export { ProgressBar } from "../../ProgressBar/index.js";
-
-// RadioGroup
 export { Radio, RadioGroup } from "../../RadioGroup/index.js";
-
-// RangeSlider
 export { RangeSlider } from "../../RangeSlider/index.js";
-
-// Scrollbar
 export { Scrollbar } from "../../Scrollbar/index.js";
-
-// ScrollArea
 export { ScrollArea, ScrollBar } from "../../ScrollArea/index.js";
-
-// SegmentedControl
 export { SegmentedControl } from "../../SegmentedControl/index.js";
-
-// Select
 export { Select } from "../../Select/index.js";
-
-// Separator
 export { Separator } from "../../Separator/index.js";
-
-// Sidebar
 export { Sidebar, SidebarProvider, useSidebar } from "../../Sidebar/index.js";
-
-// Skeleton
 export { Skeleton } from "../../Skeleton/index.js";
-
-// Slider
 export { Slider } from "../../Slider/index.js";
-
-// SteppedProgress
 export { SteppedProgress } from "../../SteppedProgress/index.js";
-
-// Switch
 export { Switch } from "../../Switch/index.js";
-
-// Table
 export { Table } from "../../Table/index.js";
-
-// Tabs
 export { Tabs } from "../../Tabs/index.js";
-
-// Tag
 export { Tag } from "../../Tag/index.js";
-
-// Tags
 export { Tags } from "../../Tags/index.js";
-
-// Text
 export { Text } from "../../Text/index.js";
-
-// Textarea
 export { Textarea } from "../../Textarea/index.js";
-
-// TimeAgo
 export { TimeAgo } from "../../TimeAgo/index.js";
-
-// Toast
 export { Toast, useToast } from "../../Toast/index.js";
-
-// Tooltip
 export { Tooltip } from "../../Tooltip/index.js";
-
-// Tree
 export { Tree } from "../../Tree/index.js";
-
-// Widget
 export { Widget } from "../../Widget/index.js";
-
-// utils
 export { cn, cva, generateId } from "../../utils.js";
-
-// hooks
 export { useDisclosure } from "../../hooks/index.js";
-
-//# sourceMappingURL=ui.js.map

package/hooks/index.js

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

package/hooks/useDisclosure.js

@@ -1,32 +1,27 @@
 import { useCallback, useState } from "react";
-export const useDisclosure = (isOpenDefault = false) => {
-  const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);
-  const [data, setData] = useState(null);
-  const setIsOpen = useCallback((isOpen, data) => {
-    defaultSetIsOpen(isOpen);
-    if (typeof data !== "undefined") {
-      setData(data);
-    }
-  }, []);
-  const open = useCallback(data => {
-    setIsOpen(true, data);
-  }, []);
-  const close = useCallback(() => setIsOpen(false), []);
-  const toggle = useCallback(toSet => {
-    if (typeof toSet === "undefined") {
-      setIsOpen(state => !state);
-    } else {
-      setIsOpen(Boolean(toSet));
-    }
-  }, []);
-  return {
-    isOpen,
-    setIsOpen,
-    open,
-    close,
-    toggle,
-    data
-  };
+const useDisclosure = (isOpenDefault = false)=>{
+    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);
+    const [data, setData] = useState(null);
+    const setIsOpen = useCallback((isOpen, data)=>{
+        defaultSetIsOpen(isOpen);
+        if (void 0 !== data) setData(data);
+    }, []);
+    const open = useCallback((data)=>{
+        setIsOpen(true, data);
+    }, []);
+    const close = useCallback(()=>setIsOpen(false), []);
+    const toggle = useCallback((toSet)=>{
+        void 0 === toSet ? setIsOpen((state)=>!state) : setIsOpen(Boolean(toSet));
+    }, []);
+    return {
+        isOpen,
+        setIsOpen,
+        open,
+        close,
+        toggle,
+        data
+    };
 };
+export { useDisclosure };
 
 //# sourceMappingURL=useDisclosure.js.map

package/hooks/useDisclosure.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","useDisclosure","isOpenDefault","isOpen","defaultSetIsOpen","data","setData","setIsOpen","open","close","toggle","toSet","state","Boolean"],"sources":["useDisclosure.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const useDisclosure = <TData = undefined>(isOpenDefault = false) => {\n    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);\n    const [data, setData] = useState<TData | null>(null);\n\n    const setIsOpen = useCallback(\n        (isOpen: boolean | ((prev: boolean) => boolean), data?: TData) => {\n            defaultSetIsOpen(isOpen);\n            if (typeof data !== \"undefined\") {\n                setData(data);\n            }\n        },\n        []\n    );\n\n    const open = useCallback((data?: TData) => {\n        setIsOpen(true, data);\n    }, []);\n\n    const close = useCallback(() => setIsOpen(false), []);\n\n    const toggle = useCallback((toSet?: boolean) => {\n        if (typeof toSet === \"undefined\") {\n            setIsOpen(state => !state);\n        } else {\n            setIsOpen(Boolean(toSet));\n        }\n    }, []);\n\n    return { isOpen, setIsOpen, open, close, toggle, data };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,OAAO,MAAMC,aAAa,GAAGA,CAAoBC,aAAa,GAAG,KAAK,KAAK;EACvE,MAAM,CAACC,MAAM,EAAEC,gBAAgB,CAAC,GAAGJ,QAAQ,CAACE,aAAa,CAAC;EAC1D,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGN,QAAQ,CAAe,IAAI,CAAC;EAEpD,MAAMO,SAAS,GAAGR,WAAW,CACzB,CAACI,MAA8C,EAAEE,IAAY,KAAK;IAC9DD,gBAAgB,CAACD,MAAM,CAAC;IACxB,IAAI,OAAOE,IAAI,KAAK,WAAW,EAAE;MAC7BC,OAAO,CAACD,IAAI,CAAC;IACjB;EACJ,CAAC,EACD,EACJ,CAAC;EAED,MAAMG,IAAI,GAAGT,WAAW,CAAEM,IAAY,IAAK;IACvCE,SAAS,CAAC,IAAI,EAAEF,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAK,GAAGV,WAAW,CAAC,MAAMQ,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,MAAMG,MAAM,GAAGX,WAAW,CAAEY,KAAe,IAAK;IAC5C,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;MAC9BJ,SAAS,CAACK,KAAK,IAAI,CAACA,KAAK,CAAC;IAC9B,CAAC,MAAM;MACHL,SAAS,CAACM,OAAO,CAACF,KAAK,CAAC,CAAC;IAC7B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAER,MAAM;IAAEI,SAAS;IAAEC,IAAI;IAAEC,KAAK;IAAEC,MAAM;IAAEL;EAAK,CAAC;AAC3D,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useDisclosure.js","sources":["../../src/hooks/useDisclosure.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const useDisclosure = <TData = undefined>(isOpenDefault = false) => {\n    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);\n    const [data, setData] = useState<TData | null>(null);\n\n    const setIsOpen = useCallback(\n        (isOpen: boolean | ((prev: boolean) => boolean), data?: TData) => {\n            defaultSetIsOpen(isOpen);\n            if (typeof data !== \"undefined\") {\n                setData(data);\n            }\n        },\n        []\n    );\n\n    const open = useCallback((data?: TData) => {\n        setIsOpen(true, data);\n    }, []);\n\n    const close = useCallback(() => setIsOpen(false), []);\n\n    const toggle = useCallback((toSet?: boolean) => {\n        if (typeof toSet === \"undefined\") {\n            setIsOpen(state => !state);\n        } else {\n            setIsOpen(Boolean(toSet));\n        }\n    }, []);\n\n    return { isOpen, setIsOpen, open, close, toggle, data };\n};\n"],"names":["useDisclosure","isOpenDefault","isOpen","defaultSetIsOpen","useState","data","setData","setIsOpen","useCallback","open","close","toggle","toSet","state","Boolean"],"mappings":";AAEO,MAAMA,gBAAgB,CAAoBC,gBAAgB,KAAK;IAClE,MAAM,CAACC,QAAQC,iBAAiB,GAAGC,SAASH;IAC5C,MAAM,CAACI,MAAMC,QAAQ,GAAGF,SAAuB;IAE/C,MAAMG,YAAYC,YACd,CAACN,QAAgDG;QAC7CF,iBAAiBD;QACjB,IAAI,AAAgB,WAATG,MACPC,QAAQD;IAEhB,GACA,EAAE;IAGN,MAAMI,OAAOD,YAAY,CAACH;QACtBE,UAAU,MAAMF;IACpB,GAAG,EAAE;IAEL,MAAMK,QAAQF,YAAY,IAAMD,UAAU,QAAQ,EAAE;IAEpD,MAAMI,SAASH,YAAY,CAACI;QACH,WAAVA,QACPL,UAAUM,CAAAA,QAAS,CAACA,SAEpBN,UAAUO,QAAQF;IAE1B,GAAG,EAAE;IAEL,OAAO;QAAEV;QAAQK;QAAWE;QAAMC;QAAOC;QAAQN;IAAK;AAC1D"}

package/index.d.ts

@@ -8,8 +8,10 @@ export * from "./Checkbox/index.js";
 export * from "./CheckboxGroup/index.js";
 export * from "./CodeEditor/index.js";
 export * from "./ColorPicker/index.js";
+export * from "./Calendar/index.js";
 export * from "./DataList/index.js";
 export * from "./DataTable/index.js";
+export * from "./DatePicker/index.js";
 export * from "./DelayedOnChange/index.js";
 export * from "./Dialog/index.js";
 export * from "./Drawer/index.js";
@@ -40,6 +42,7 @@ export * from "./RangeSlider/index.js";
 export * from "./Scrollbar/index.js";
 export * from "./ScrollArea/index.js";
 export * from "./SegmentedControl/index.js";
+export * from "./MultiSelect/index.js";
 export * from "./Select/index.js";
 export * from "./Separator/index.js";
 export * from "./Sidebar/index.js";
@@ -53,6 +56,8 @@ export * from "./Tag/index.js";
 export * from "./Tags/index.js";
 export * from "./Text/index.js";
 export * from "./Textarea/index.js";
+export * from "./Toggle/index.js";
+export * from "./ToggleGroup/index.js";
 export * from "./TimeAgo/index.js";
 export * from "./Toast/index.js";
 export * from "./Tooltip/index.js";

package/index.js

@@ -8,8 +8,10 @@ export * from "./Checkbox/index.js";
 export * from "./CheckboxGroup/index.js";
 export * from "./CodeEditor/index.js";
 export * from "./ColorPicker/index.js";
+export * from "./Calendar/index.js";
 export * from "./DataList/index.js";
 export * from "./DataTable/index.js";
+export * from "./DatePicker/index.js";
 export * from "./DelayedOnChange/index.js";
 export * from "./Dialog/index.js";
 export * from "./Drawer/index.js";
@@ -19,7 +21,6 @@ export * from "./FilePicker/index.js";
 export * from "./FormComponent/index.js";
 export * from "./Grid/index.js";
 export * from "./HeaderBar/index.js";
-export * from "./HeaderBar/index.js";
 export * from "./Heading/index.js";
 export * from "./Icon/index.js";
 export * from "./IconPicker/index.js";
@@ -40,6 +41,7 @@ export * from "./RangeSlider/index.js";
 export * from "./Scrollbar/index.js";
 export * from "./ScrollArea/index.js";
 export * from "./SegmentedControl/index.js";
+export * from "./MultiSelect/index.js";
 export * from "./Select/index.js";
 export * from "./Separator/index.js";
 export * from "./Sidebar/index.js";
@@ -53,6 +55,8 @@ export * from "./Tag/index.js";
 export * from "./Tags/index.js";
 export * from "./Text/index.js";
 export * from "./Textarea/index.js";
+export * from "./Toggle/index.js";
+export * from "./ToggleGroup/index.js";
 export * from "./TimeAgo/index.js";
 export * from "./Toast/index.js";
 export * from "./Tooltip/index.js";
@@ -60,5 +64,3 @@ export * from "./Tree/index.js";
 export * from "./Widget/index.js";
 export * from "./utils.js";
 export * from "./hooks/index.js";
-
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,8 +1,11 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "0.0.0-unstable.6844005670",
+	"version": "0.0.0-unstable.7be00a75a9",
 	"type": "module",
-	"main": "index.js",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -10,65 +13,64 @@
 	"description": "The UI component library for Webiny's Admin app.",
 	"license": "MIT",
 	"dependencies": {
-		"@fortawesome/fontawesome-svg-core": "1.3.0",
-		"@fortawesome/react-fontawesome": "0.1.19",
-		"@minoru/react-dnd-treeview": "3.5.3",
+		"@fortawesome/fontawesome-svg-core": "7.2.0",
+		"@fortawesome/react-fontawesome": "3.3.1",
+		"@minoru/react-dnd-treeview": "3.5.4",
 		"@monaco-editor/react": "4.7.0",
 		"@radix-ui/react-scroll-area": "1.2.10",
 		"@tanstack/react-table": "8.21.3",
-		"@webiny/icons": "0.0.0-unstable.6844005670",
-		"@webiny/react-composition": "0.0.0-unstable.6844005670",
-		"@webiny/utils": "0.0.0-unstable.6844005670",
+		"@webiny/icons": "0.0.0-unstable.7be00a75a9",
+		"@webiny/react-composition": "0.0.0-unstable.7be00a75a9",
+		"@webiny/utils": "0.0.0-unstable.7be00a75a9",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
 		"cmdk": "1.1.1",
-		"lodash": "4.17.23",
-		"minimatch": "10.2.4",
-		"mobx": "6.15.0",
+		"date-fns": "4.2.1",
+		"lodash": "4.18.1",
+		"minimatch": "10.2.5",
+		"mobx": "6.15.3",
 		"monaco-editor": "0.53.0",
 		"radix-ui": "1.4.3",
-		"react": "18.2.0",
+		"react": "18.3.1",
 		"react-color": "2.19.3",
 		"react-custom-scrollbars": "4.2.1",
+		"react-day-picker": "10.0.1",
 		"react-dnd": "16.0.1",
 		"react-virtualized": "9.22.6",
 		"sonner": "2.0.7",
 		"tailwind-merge": "2.6.1",
-		"tailwindcss": "4.2.1",
-		"timeago-react": "3.0.7",
+		"tailwindcss": "4.3.0",
 		"tw-animate-css": "1.4.0",
-		"type-fest": "5.4.4"
+		"type-fest": "5.6.0"
 	},
 	"devDependencies": {
-		"@fortawesome/free-solid-svg-icons": "6.7.2",
-		"@storybook/addon-a11y": "9.1.19",
-		"@storybook/addon-docs": "9.1.19",
-		"@storybook/addon-webpack5-compiler-babel": "3.0.6",
-		"@storybook/react-webpack5": "9.1.19",
-		"@svgr/webpack": "6.5.1",
-		"@tailwindcss/postcss": "4.2.1",
-		"@types/react": "18.2.79",
-		"@types/react-color": "2.17.12",
+		"@fortawesome/free-solid-svg-icons": "7.2.0",
+		"@storybook/addon-a11y": "10.4.0",
+		"@storybook/addon-docs": "10.4.0",
+		"@storybook/addon-webpack5-compiler-swc": "4.0.3",
+		"@storybook/react-webpack5": "10.4.0",
+		"@svgr/webpack": "8.1.0",
+		"@tailwindcss/postcss": "4.3.0",
+		"@types/react": "18.3.29",
+		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.3",
-		"@webiny/build-tools": "0.0.0-unstable.6844005670",
-		"@webiny/project": "0.0.0-unstable.6844005670",
-		"chalk": "4.1.2",
+		"@webiny/build-tools": "0.0.0-unstable.7be00a75a9",
+		"@webiny/project": "0.0.0-unstable.7be00a75a9",
+		"chalk": "5.6.2",
 		"css-loader": "7.1.4",
-		"eslint-plugin-storybook": "10.2.14",
 		"file-loader": "6.2.0",
+		"oxfmt": "0.51.0",
 		"postcss-loader": "8.2.1",
-		"prettier": "3.6.2",
 		"rimraf": "6.1.3",
-		"sass": "1.97.3",
-		"storybook": "9.1.19",
-		"typescript": "5.9.3",
-		"vitest": "4.0.18"
+		"sass": "1.99.0",
+		"storybook": "10.4.0",
+		"typescript": "6.0.3",
+		"vitest": "4.1.7"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
+		"access": "public"
 	},
 	"scripts": {
 		"storybook": "storybook dev -p 6006",
@@ -84,5 +86,7 @@
 			]
 		}
 	},
-	"gitHead": "6844005670e84a575d0c765a6c4f9c5d59166516"
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/static/svg/csv.9a112f24.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_344)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#00C76A"/>
+<g filter="url(#filter0_d_3578_344)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#ABEFC6"/>
+</g>
+<path d="M16.2726 30.1495H14.7172C14.6888 29.9483 14.6308 29.7696 14.5432 29.6133C14.4556 29.4547 14.3432 29.3198 14.2059 29.2085C14.0686 29.0972 13.9099 29.012 13.73 28.9528C13.5525 28.8936 13.3595 28.864 13.1512 28.864C12.7748 28.864 12.4469 28.9575 12.1675 29.1446C11.8882 29.3292 11.6715 29.5991 11.5177 29.9542C11.3638 30.307 11.2868 30.7355 11.2868 31.2397C11.2868 31.7582 11.3638 32.1938 11.5177 32.5466C11.6739 32.8993 11.8917 33.1656 12.1711 33.3456C12.4504 33.5255 12.7736 33.6154 13.1405 33.6154C13.3465 33.6154 13.5371 33.5882 13.7123 33.5338C13.8898 33.4793 14.0473 33.4 14.1846 33.2958C14.3219 33.1893 14.4355 33.0603 14.5255 32.9088C14.6178 32.7573 14.6817 32.5844 14.7172 32.3903L16.2726 32.3974C16.2324 32.7312 16.1318 33.0532 15.9708 33.3633C15.8122 33.6711 15.5979 33.9469 15.328 34.1907C15.0605 34.4322 14.7409 34.624 14.3692 34.766C13.9999 34.9057 13.5821 34.9755 13.1157 34.9755C12.467 34.9755 11.887 34.8288 11.3756 34.5352C10.8666 34.2416 10.4642 33.8167 10.1682 33.2603C9.87467 32.704 9.72789 32.0305 9.72789 31.2397C9.72789 30.4466 9.87704 29.7719 10.1753 29.2156C10.4736 28.6592 10.8785 28.2355 11.3898 27.9443C11.9012 27.6507 12.4765 27.5039 13.1157 27.5039C13.5371 27.5039 13.9277 27.5631 14.2876 27.6815C14.6498 27.7999 14.9706 27.9727 15.2499 28.2C15.5293 28.4249 15.7565 28.7007 15.9317 29.0274C16.1093 29.3541 16.2229 29.7281 16.2726 30.1495ZM21.3206 29.695C21.2922 29.4085 21.1702 29.186 20.9548 29.0274C20.7394 28.8688 20.447 28.7895 20.0777 28.7895C19.8267 28.7895 19.6148 28.825 19.442 28.896C19.2692 28.9646 19.1366 29.0605 19.0443 29.1836C18.9543 29.3067 18.9094 29.4464 18.9094 29.6027C18.9046 29.7329 18.9318 29.8465 18.991 29.9436C19.0526 30.0406 19.1366 30.1247 19.2432 30.1957C19.3497 30.2644 19.4728 30.3247 19.6125 30.3768C19.7522 30.4265 19.9013 30.4691 20.0599 30.5046L20.7133 30.6609C21.0306 30.7319 21.3218 30.8266 21.5869 30.945C21.8521 31.0634 22.0817 31.209 22.2758 31.3818C22.47 31.5546 22.6203 31.7582 22.7268 31.9926C22.8357 32.227 22.8914 32.4957 22.8937 32.7987C22.8914 33.2438 22.7777 33.6296 22.5528 33.9564C22.3303 34.2807 22.0083 34.5328 21.5869 34.7127C21.1679 34.8903 20.6624 34.9791 20.0706 34.9791C19.4835 34.9791 18.9721 34.8891 18.5365 34.7092C18.1032 34.5293 17.7647 34.2629 17.5209 33.9102C17.2794 33.5551 17.1527 33.1159 17.1409 32.5927H18.6288C18.6454 32.8366 18.7152 33.0402 18.8383 33.2035C18.9638 33.3645 19.1307 33.4864 19.339 33.5693C19.5497 33.6498 19.7877 33.69 20.0528 33.69C20.3132 33.69 20.5393 33.6521 20.7311 33.5764C20.9252 33.5006 21.0756 33.3953 21.1821 33.2603C21.2886 33.1254 21.3419 32.9703 21.3419 32.7951C21.3419 32.6318 21.2934 32.4945 21.1963 32.3832C21.1016 32.2719 20.9619 32.1772 20.7773 32.0991C20.595 32.021 20.3712 31.95 20.1061 31.886L19.3142 31.6872C18.701 31.538 18.2169 31.3048 17.8618 30.9876C17.5067 30.6704 17.3303 30.243 17.3327 29.7056C17.3303 29.2653 17.4475 28.8806 17.6842 28.5515C17.9233 28.2225 18.2512 27.9656 18.6679 27.7809C19.0845 27.5963 19.558 27.5039 20.0883 27.5039C20.6281 27.5039 21.0992 27.5963 21.5017 27.7809C21.9065 27.9656 22.2214 28.2225 22.4463 28.5515C22.6712 28.8806 22.7872 29.2618 22.7943 29.695H21.3206ZM25.2419 27.6034L26.9997 33.1289H27.0672L28.8286 27.6034H30.5331L28.026 34.8761H26.0445L23.5338 27.6034H25.2419Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_344" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_344"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_344" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_344">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>