@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/DropdownMenu/components/DropdownMenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","makeDecoratable","DropdownMenuSeparatorBase","props","createElement","Object","assign","variant","margin","DropdownMenuSeparator"],"sources":["DropdownMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype DropdownMenuSeparatorProps = SeparatorProps;\n\nconst DropdownMenuSeparatorBase = (props: DropdownMenuSeparatorProps) => {\n    return <Separator variant={\"strong\"} margin={\"md\"} {...props} />;\n};\n\nconst DropdownMenuSeparator = makeDecoratable(\"DropdownMenuSeparator\", DropdownMenuSeparatorBase);\n\nexport { DropdownMenuSeparator, type DropdownMenuSeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS;AAClB,SAASC,eAAe;AAIxB,MAAMC,yBAAyB,GAAIC,KAAiC,IAAK;EACrE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,EAAAK,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE,QAAS;IAACC,MAAM,EAAE;EAAK,GAAKL,KAAK,CAAG,CAAC;AACpE,CAAC;AAED,MAAMM,qBAAqB,GAAGR,eAAe,CAAC,uBAAuB,EAAEC,yBAAyB,CAAC;AAEjG,SAASO,qBAAqB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSeparator.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype DropdownMenuSeparatorProps = SeparatorProps;\n\nconst DropdownMenuSeparatorBase = (props: DropdownMenuSeparatorProps) => {\n    return <Separator variant={\"strong\"} margin={\"md\"} {...props} />;\n};\n\nconst DropdownMenuSeparator = makeDecoratable(\"DropdownMenuSeparator\", DropdownMenuSeparatorBase);\n\nexport { DropdownMenuSeparator, type DropdownMenuSeparatorProps };\n"],"names":["DropdownMenuSeparatorBase","props","Separator","DropdownMenuSeparator","makeDecoratable"],"mappings":";;;AAMA,MAAMA,4BAA4B,CAACC,QACxB,WAAP,GAAO,sCAACC,WAASA;QAAC,SAAS;QAAU,QAAQ;QAAO,GAAGD,KAAK;;AAGhE,MAAME,wBAAwBC,gBAAgB,yBAAyBJ"}

package/DropdownMenu/components/DropdownMenuSubContent.js

@@ -1,19 +1,15 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { DropdownMenu } from "radix-ui";
 import { cn } from "../../utils.js";
-const DropdownMenuSubContent = /*#__PURE__*/React.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({
-  ref: ref,
-  avoidCollisions: false,
-  className: cn("border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
-  // Added these to match alignment shown in the design.
-  ,
-  sideOffset: -9,
-  alignOffset: -2
-}, props)));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+import * as __rspack_external_react from "react";
+const DropdownMenuSubContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(DropdownMenu.SubContent, {
+        ref: ref,
+        avoidCollisions: false,
+        className: cn("border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+        sideOffset: -9,
+        alignOffset: -2,
+        ...props
+    }));
+DropdownMenuSubContent.displayName = DropdownMenu.SubContent.displayName;
 export { DropdownMenuSubContent };
 
 //# sourceMappingURL=DropdownMenuSubContent.js.map

package/DropdownMenu/components/DropdownMenuSubContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","DropdownMenuSubContent","forwardRef","className","props","ref","createElement","SubContent","Object","assign","avoidCollisions","sideOffset","alignOffset","displayName"],"sources":["DropdownMenuSubContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst DropdownMenuSubContent = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubContent\n        ref={ref}\n        avoidCollisions={false}\n        className={cn(\n            \"border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            className\n        )}\n        // Added these to match alignment shown in the design.\n        sideOffset={-9}\n        alignOffset={-2}\n        {...props}\n    />\n));\n\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nexport { DropdownMenuSubContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE;AAEX,MAAMC,sBAAsB,gBAAGJ,KAAK,CAACK,UAAU,CAG7C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,qBAAqB,CAACQ,UAAU,EAAAC,MAAA,CAAAC,MAAA;EAC7BJ,GAAG,EAAEA,GAAI;EACTK,eAAe,EAAE,KAAM;EACvBP,SAAS,EAAEH,EAAE,CACT,seAAse,EACteG,SACJ;EACA;EAAA;EACAQ,UAAU,EAAE,CAAC,CAAE;EACfC,WAAW,EAAE,CAAC;AAAE,GACZR,KAAK,CACZ,CACJ,CAAC;AAEFH,sBAAsB,CAACY,WAAW,GAAGd,qBAAqB,CAACQ,UAAU,CAACM,WAAW;AAEjF,SAASZ,sBAAsB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSubContent.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSubContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst DropdownMenuSubContent = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubContent\n        ref={ref}\n        avoidCollisions={false}\n        className={cn(\n            \"border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            className\n        )}\n        // Added these to match alignment shown in the design.\n        sideOffset={-9}\n        alignOffset={-2}\n        {...props}\n    />\n));\n\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nexport { DropdownMenuSubContent };\n"],"names":["DropdownMenuSubContent","React","className","props","ref","DropdownMenuPrimitive","cn"],"mappings":";;;AAIA,MAAMA,yBAAyB,WAAHA,GAAGC,wBAAAA,UAAgB,CAG7C,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GACxB,sCAACC,aAAAA,UAAgC;QAC7B,KAAKD;QACL,iBAAiB;QACjB,WAAWE,GACP,weACAJ;QAGJ,YAAY;QACZ,aAAa;QACZ,GAAGC,KAAK;;AAIjBH,uBAAuB,WAAW,GAAGK,aAAAA,UAAAA,CAAAA,WAA4C"}

package/DropdownMenu/components/DropdownMenuSubRoot.js

@@ -1,4 +1,5 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-export const DropdownMenuSubRoot = DropdownMenuPrimitive.Sub;
+import { DropdownMenu } from "radix-ui";
+const DropdownMenuSubRoot = DropdownMenu.Sub;
+export { DropdownMenuSubRoot };
 
 //# sourceMappingURL=DropdownMenuSubRoot.js.map

package/DropdownMenu/components/DropdownMenuSubRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuSubRoot","Sub"],"sources":["DropdownMenuSubRoot.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuSubRoot = DropdownMenuPrimitive.Sub;\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,mBAAmB,GAAGD,qBAAqB,CAACE,GAAG","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSubRoot.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSubRoot.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuSubRoot = DropdownMenuPrimitive.Sub;\n"],"names":["DropdownMenuSubRoot","DropdownMenuPrimitive"],"mappings":";AAEO,MAAMA,sBAAsBC,aAAAA,GAAyB"}

package/DropdownMenu/components/DropdownMenuSubTrigger.js

@@ -1,20 +1,17 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { DropdownMenu } from "radix-ui";
 import { cn } from "../../utils.js";
-import { ReactComponent as ChevronRight } from "@webiny/icons/chevron_right.svg";
-const DropdownMenuSubTrigger = /*#__PURE__*/React.forwardRef(({
-  className,
-  children,
-  ...props
-}, ref) => /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({
-  ref: ref,
-  className: cn("group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none", className)
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: cn("rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors", "[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong")
-}, children, /*#__PURE__*/React.createElement(ChevronRight, {
-  className: "ml-auto"
-}))));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+import { ReactComponent } from "@webiny/icons/chevron_right.svg";
+import * as __rspack_external_react from "react";
+const DropdownMenuSubTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(DropdownMenu.SubTrigger, {
+        ref: ref,
+        className: cn("group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none", className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn("rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors", "[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong")
+    }, children, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        className: "ml-auto"
+    }))));
+DropdownMenuSubTrigger.displayName = DropdownMenu.SubTrigger.displayName;
 export { DropdownMenuSubTrigger };
 
 //# sourceMappingURL=DropdownMenuSubTrigger.js.map

package/DropdownMenu/components/DropdownMenuSubTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","ReactComponent","ChevronRight","DropdownMenuSubTrigger","forwardRef","className","children","props","ref","createElement","SubTrigger","Object","assign","displayName"],"sources":["DropdownMenuSubTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubTrigger\n        ref={ref}\n        className={cn(\n            \"group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none\",\n            className\n        )}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors\",\n                \"[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong\"\n            )}\n        >\n            {children}\n            <ChevronRight className=\"ml-auto\" />\n        </div>\n    </DropdownMenuPrimitive.SubTrigger>\n));\n\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nexport { DropdownMenuSubTrigger };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE;AACX,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAEhF,MAAMC,sBAAsB,gBAAGN,KAAK,CAACO,UAAU,CAG7C,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACrCX,KAAA,CAAAY,aAAA,CAACV,qBAAqB,CAACW,UAAU,EAAAC,MAAA,CAAAC,MAAA;EAC7BJ,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAEL,EAAE,CACT,+FAA+F,EAC/FK,SACJ;AAAE,GACEE,KAAK,gBAETV,KAAA,CAAAY,aAAA;EACIJ,SAAS,EAAEL,EAAE,CACT,mHAAmH,EACnH,2FACJ;AAAE,GAEDM,QAAQ,eACTT,KAAA,CAAAY,aAAA,CAACP,YAAY;EAACG,SAAS,EAAC;AAAS,CAAE,CAClC,CACyB,CACrC,CAAC;AAEFF,sBAAsB,CAACU,WAAW,GAAGd,qBAAqB,CAACW,UAAU,CAACG,WAAW;AAEjF,SAASV,sBAAsB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSubTrigger.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSubTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubTrigger\n        ref={ref}\n        className={cn(\n            \"group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none\",\n            className\n        )}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors\",\n                \"[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong\"\n            )}\n        >\n            {children}\n            <ChevronRight className=\"ml-auto\" />\n        </div>\n    </DropdownMenuPrimitive.SubTrigger>\n));\n\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nexport { DropdownMenuSubTrigger };\n"],"names":["DropdownMenuSubTrigger","React","className","children","props","ref","DropdownMenuPrimitive","cn","ChevronRight"],"mappings":";;;;AAKA,MAAMA,yBAAyB,WAAHA,GAAGC,wBAAAA,UAAgB,CAG7C,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GAClC,sCAACC,aAAAA,UAAgC;QAC7B,KAAKD;QACL,WAAWE,GACP,iGACAL;QAEH,GAAGE,KAAK;qBAET,sCAAC;QACG,WAAWG,GACP,qHACA;OAGHJ,UAAAA,WAAAA,GACD,sCAACK,gBAAYA;QAAC,WAAU;;AAKpCR,uBAAuB,WAAW,GAAGM,aAAAA,UAAAA,CAAAA,WAA4C"}

package/DropdownMenu/components/DropdownMenuTrigger.js

@@ -1,4 +1,5 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+import { DropdownMenu } from "radix-ui";
+const DropdownMenuTrigger = DropdownMenu.Trigger;
+export { DropdownMenuTrigger };
 
 //# sourceMappingURL=DropdownMenuTrigger.js.map

package/DropdownMenu/components/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","Trigger"],"sources":["DropdownMenuTrigger.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,mBAAmB,GAAGD,qBAAqB,CAACE,OAAO","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuTrigger.js","sources":["../../../src/DropdownMenu/components/DropdownMenuTrigger.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n"],"names":["DropdownMenuTrigger","DropdownMenuPrimitive"],"mappings":";AAEO,MAAMA,sBAAsBC,aAAAA,OAA6B"}

package/DropdownMenu/index.js

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

package/DynamicFieldset/Fieldset.js

@@ -1,107 +1,79 @@
-import React from "react";
+import react from "react";
 import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
-class DynamicFieldset extends React.Component {
-  static defaultProps = {
-    value: []
-  };
-  header = null;
-  footer = null;
-  rows = null;
-  empty = null;
-  actions = {
-    add: (index = -1) => () => this.addData(index),
-    remove: (index = -1) => () => this.removeData(index)
-  };
-  removeData = index => {
-    const {
-      value,
-      onChange
-    } = this.props;
-    if (!value) {
-      return;
+class DynamicFieldset extends react.Component {
+    static{
+        this.defaultProps = {
+            value: []
+        };
     }
-    onChange([...value.slice(0, index), ...value.slice(index + 1)]);
-  };
-  addData = (index = -1) => {
-    const {
-      onChange,
-      onAdd
-    } = this.props;
-    let value = this.props.value;
-    if (!value) {
-      value = [];
+    renderComponent() {
+        const { value } = this.props;
+        const { children } = this.props;
+        children({
+            actions: this.actions,
+            header: this.renderHeader,
+            footer: this.renderFooter,
+            row: this.renderRow,
+            empty: this.renderEmpty
+        });
+        if (!value || 0 === value.length) return this.empty;
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, this.header, this.rows, this.footer);
     }
-    const newValue = typeof onAdd === "function" ? onAdd() : {};
-    if (index < 0) {
-      onChange([...value, newValue]);
-    } else {
-      onChange([...value.slice(0, index + 1), newValue, ...value.slice(index + 1)]);
+    render() {
+        const { description, validation } = this.props;
+        const { isValid: validationIsValid, message: validationMessage } = validation || {};
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, this.renderComponent(), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+            invalid: Boolean(false === validationIsValid),
+            text: validationMessage
+        }), /*#__PURE__*/ react.createElement(FormComponentNote, {
+            text: description
+        }));
     }
-  };
-  renderHeader = cb => {
-    this.header = cb();
-    return null;
-  };
-  renderFooter = cb => {
-    this.footer = cb();
-    return null;
-  };
-  renderRow = cb => {
-    const {
-      value
-    } = this.props;
-    if (!value) {
-      return null;
+    constructor(...args){
+        super(...args), this.header = null, this.footer = null, this.rows = null, this.empty = null, this.actions = {
+            add: (index = -1)=>()=>this.addData(index),
+            remove: (index = -1)=>()=>this.removeData(index)
+        }, this.removeData = (index)=>{
+            const { value, onChange } = this.props;
+            if (!value) return;
+            onChange([
+                ...value.slice(0, index),
+                ...value.slice(index + 1)
+            ]);
+        }, this.addData = (index = -1)=>{
+            const { onChange, onAdd } = this.props;
+            let value = this.props.value;
+            if (!value) value = [];
+            const newValue = "function" == typeof onAdd ? onAdd() : {};
+            onChange(index < 0 ? [
+                ...value,
+                newValue
+            ] : [
+                ...value.slice(0, index + 1),
+                newValue,
+                ...value.slice(index + 1)
+            ]);
+        }, this.renderHeader = (cb)=>{
+            this.header = cb();
+            return null;
+        }, this.renderFooter = (cb)=>{
+            this.footer = cb();
+            return null;
+        }, this.renderRow = (cb)=>{
+            const { value } = this.props;
+            if (!value) return null;
+            this.rows = value.map((record, index)=>/*#__PURE__*/ react.createElement("div", {
+                    key: index
+                }, cb({
+                    data: record,
+                    index
+                })));
+            return null;
+        }, this.renderEmpty = (cb)=>{
+            this.empty = cb();
+            return null;
+        };
     }
-    this.rows = value.map((record, index) => {
-      return /*#__PURE__*/React.createElement("div", {
-        key: index
-      }, cb({
-        data: record,
-        index
-      }));
-    });
-    return null;
-  };
-  renderEmpty = cb => {
-    this.empty = cb();
-    return null;
-  };
-  renderComponent() {
-    const {
-      value
-    } = this.props;
-    const {
-      children
-    } = this.props;
-    children({
-      actions: this.actions,
-      header: this.renderHeader,
-      footer: this.renderFooter,
-      row: this.renderRow,
-      empty: this.renderEmpty
-    });
-    if (!value || value.length === 0) {
-      return this.empty;
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, this.header, this.rows, this.footer);
-  }
-  render() {
-    const {
-      description,
-      validation
-    } = this.props;
-    const {
-      isValid: validationIsValid,
-      message: validationMessage
-    } = validation || {};
-    return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderComponent(), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-      invalid: Boolean(validationIsValid === false),
-      text: validationMessage
-    }), /*#__PURE__*/React.createElement(FormComponentNote, {
-      text: description
-    }));
-  }
 }
 export { DynamicFieldset };
 

package/DynamicFieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FormComponentErrorMessage","FormComponentNote","DynamicFieldset","Component","defaultProps","value","header","footer","rows","empty","actions","add","index","addData","remove","removeData","onChange","props","slice","onAdd","newValue","renderHeader","cb","renderFooter","renderRow","map","record","createElement","key","data","renderEmpty","renderComponent","children","row","length","Fragment","render","description","validation","isValid","validationIsValid","message","validationMessage","invalid","Boolean","text"],"sources":["Fieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ninterface ChildrenRenderPropRowCallableParams {\n    index: number;\n    data: any;\n}\ninterface ChildrenRenderPropRowCallable {\n    (params: ChildrenRenderPropRowCallableParams): React.ReactNode;\n}\ninterface ChildrenRenderPropHeaderCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropEmptyCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropFooterCallable {\n    (): React.ReactNode;\n}\n\ninterface ChildrenRenderProp {\n    actions: {\n        add: (index?: number) => () => void;\n        remove: (index: number) => () => void;\n    };\n    header: (cb: ChildrenRenderPropHeaderCallable) => React.ReactNode;\n    footer: (cb: ChildrenRenderPropFooterCallable) => React.ReactNode;\n    row: (cb: ChildrenRenderPropRowCallable) => React.ReactNode;\n    empty: (cb: ChildrenRenderPropEmptyCallable) => React.ReactNode;\n}\n\ninterface DynamicFieldsetProps {\n    value?: any[];\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange: (value: any) => void;\n    // Create a new value to be added to the fieldset.\n    onAdd: () => any;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n}\n\nclass DynamicFieldset extends React.Component<DynamicFieldsetProps> {\n    static defaultProps: Partial<DynamicFieldsetProps> = {\n        value: []\n    };\n\n    header: React.ReactNode = null;\n    footer: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        if (!value) {\n            return;\n        }\n        onChange([...value.slice(0, index), ...value.slice(index + 1)]);\n    };\n\n    addData = (index = -1) => {\n        const { onChange, onAdd } = this.props;\n        let value = this.props.value;\n        if (!value) {\n            value = [];\n        }\n\n        const newValue = typeof onAdd === \"function\" ? onAdd() : {};\n\n        if (index < 0) {\n            onChange([...value, newValue]);\n        } else {\n            onChange([...value.slice(0, index + 1), newValue, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode): React.ReactNode => {\n        this.header = cb();\n        return null;\n    };\n\n    renderFooter = (cb: () => React.ReactNode): React.ReactNode => {\n        this.footer = cb();\n        return null;\n    };\n\n    renderRow = (cb: ChildrenRenderPropRowCallable): React.ReactNode => {\n        const { value } = this.props;\n        if (!value) {\n            return null;\n        }\n        this.rows = value.map((record, index) => {\n            return <div key={index}>{cb({ data: record, index })}</div>;\n        });\n        return null;\n    };\n\n    renderEmpty = (cb: () => React.ReactNode): React.ReactNode => {\n        this.empty = cb();\n        return null;\n    };\n\n    public renderComponent(): React.ReactNode {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            footer: this.renderFooter,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (!value || value.length === 0) {\n            return this.empty;\n        }\n\n        return (\n            <React.Fragment>\n                {this.header}\n                {this.rows}\n                {this.footer}\n            </React.Fragment>\n        );\n    }\n\n    public override render() {\n        const { description, validation } = this.props;\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <>\n                {this.renderComponent()}\n                <FormComponentErrorMessage\n                    invalid={Boolean(validationIsValid === false)}\n                    text={validationMessage}\n                />\n                <FormComponentNote text={description} />\n            </>\n        );\n    }\n}\n\nexport { DynamicFieldset, type DynamicFieldsetProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB,EAAEC,iBAAiB;AAwCrD,MAAMC,eAAe,SAASH,KAAK,CAACI,SAAS,CAAuB;EAChE,OAAOC,YAAY,GAAkC;IACjDC,KAAK,EAAE;EACX,CAAC;EAEDC,MAAM,GAAoB,IAAI;EAC9BC,MAAM,GAAoB,IAAI;EAC9BC,IAAI,GAAoB,IAAI;EAC5BC,KAAK,GAAoB,IAAI;EAE7BC,OAAO,GAAG;IACNC,GAAG,EACCA,CAACC,KAAK,GAAG,CAAC,CAAC,KACX,MACI,IAAI,CAACC,OAAO,CAACD,KAAK,CAAC;IAC3BE,MAAM,EACFA,CAACF,KAAK,GAAG,CAAC,CAAC,KACX,MACI,IAAI,CAACG,UAAU,CAACH,KAAK;EACjC,CAAC;EAEDG,UAAU,GAAIH,KAAa,IAAK;IAC5B,MAAM;MAAEP,KAAK;MAAEW;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IACtC,IAAI,CAACZ,KAAK,EAAE;MACR;IACJ;IACAW,QAAQ,CAAC,CAAC,GAAGX,KAAK,CAACa,KAAK,CAAC,CAAC,EAAEN,KAAK,CAAC,EAAE,GAAGP,KAAK,CAACa,KAAK,CAACN,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;EACnE,CAAC;EAEDC,OAAO,GAAGA,CAACD,KAAK,GAAG,CAAC,CAAC,KAAK;IACtB,MAAM;MAAEI,QAAQ;MAAEG;IAAM,CAAC,GAAG,IAAI,CAACF,KAAK;IACtC,IAAIZ,KAAK,GAAG,IAAI,CAACY,KAAK,CAACZ,KAAK;IAC5B,IAAI,CAACA,KAAK,EAAE;MACRA,KAAK,GAAG,EAAE;IACd;IAEA,MAAMe,QAAQ,GAAG,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IAE3D,IAAIP,KAAK,GAAG,CAAC,EAAE;MACXI,QAAQ,CAAC,CAAC,GAAGX,KAAK,EAAEe,QAAQ,CAAC,CAAC;IAClC,CAAC,MAAM;MACHJ,QAAQ,CAAC,CAAC,GAAGX,KAAK,CAACa,KAAK,CAAC,CAAC,EAAEN,KAAK,GAAG,CAAC,CAAC,EAAEQ,QAAQ,EAAE,GAAGf,KAAK,CAACa,KAAK,CAACN,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IACjF;EACJ,CAAC;EAEDS,YAAY,GAAIC,EAAyB,IAAsB;IAC3D,IAAI,CAAChB,MAAM,GAAGgB,EAAE,CAAC,CAAC;IAClB,OAAO,IAAI;EACf,CAAC;EAEDC,YAAY,GAAID,EAAyB,IAAsB;IAC3D,IAAI,CAACf,MAAM,GAAGe,EAAE,CAAC,CAAC;IAClB,OAAO,IAAI;EACf,CAAC;EAEDE,SAAS,GAAIF,EAAiC,IAAsB;IAChE,MAAM;MAAEjB;IAAM,CAAC,GAAG,IAAI,CAACY,KAAK;IAC5B,IAAI,CAACZ,KAAK,EAAE;MACR,OAAO,IAAI;IACf;IACA,IAAI,CAACG,IAAI,GAAGH,KAAK,CAACoB,GAAG,CAAC,CAACC,MAAM,EAAEd,KAAK,KAAK;MACrC,oBAAOb,KAAA,CAAA4B,aAAA;QAAKC,GAAG,EAAEhB;MAAM,GAAEU,EAAE,CAAC;QAAEO,IAAI,EAAEH,MAAM;QAAEd;MAAM,CAAC,CAAO,CAAC;IAC/D,CAAC,CAAC;IACF,OAAO,IAAI;EACf,CAAC;EAEDkB,WAAW,GAAIR,EAAyB,IAAsB;IAC1D,IAAI,CAACb,KAAK,GAAGa,EAAE,CAAC,CAAC;IACjB,OAAO,IAAI;EACf,CAAC;EAEMS,eAAeA,CAAA,EAAoB;IACtC,MAAM;MAAE1B;IAAM,CAAC,GAAG,IAAI,CAACY,KAAK;IAC5B,MAAM;MAAEe;IAAS,CAAC,GAAG,IAAI,CAACf,KAAK;IAE/Be,QAAQ,CAAC;MACLtB,OAAO,EAAE,IAAI,CAACA,OAAO;MACrBJ,MAAM,EAAE,IAAI,CAACe,YAAY;MACzBd,MAAM,EAAE,IAAI,CAACgB,YAAY;MACzBU,GAAG,EAAE,IAAI,CAACT,SAAS;MACnBf,KAAK,EAAE,IAAI,CAACqB;IAChB,CAAC,CAAC;IAEF,IAAI,CAACzB,KAAK,IAAIA,KAAK,CAAC6B,MAAM,KAAK,CAAC,EAAE;MAC9B,OAAO,IAAI,CAACzB,KAAK;IACrB;IAEA,oBACIV,KAAA,CAAA4B,aAAA,CAAC5B,KAAK,CAACoC,QAAQ,QACV,IAAI,CAAC7B,MAAM,EACX,IAAI,CAACE,IAAI,EACT,IAAI,CAACD,MACM,CAAC;EAEzB;EAEgB6B,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACrB,KAAK;IAC9C,MAAM;MAAEsB,OAAO,EAAEC,iBAAiB;MAAEC,OAAO,EAAEC;IAAkB,CAAC,GAAGJ,UAAU,IAAI,CAAC,CAAC;IAEnF,oBACIvC,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAAoC,QAAA,QACK,IAAI,CAACJ,eAAe,CAAC,CAAC,eACvBhC,KAAA,CAAA4B,aAAA,CAAC3B,yBAAyB;MACtB2C,OAAO,EAAEC,OAAO,CAACJ,iBAAiB,KAAK,KAAK,CAAE;MAC9CK,IAAI,EAAEH;IAAkB,CAC3B,CAAC,eACF3C,KAAA,CAAA4B,aAAA,CAAC1B,iBAAiB;MAAC4C,IAAI,EAAER;IAAY,CAAE,CACzC,CAAC;EAEX;AACJ;AAEA,SAASnC,eAAe","ignoreList":[]}
+{"version":3,"file":"DynamicFieldset/Fieldset.js","sources":["../../src/DynamicFieldset/Fieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ninterface ChildrenRenderPropRowCallableParams {\n    index: number;\n    data: any;\n}\ninterface ChildrenRenderPropRowCallable {\n    (params: ChildrenRenderPropRowCallableParams): React.ReactNode;\n}\ninterface ChildrenRenderPropHeaderCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropEmptyCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropFooterCallable {\n    (): React.ReactNode;\n}\n\ninterface ChildrenRenderProp {\n    actions: {\n        add: (index?: number) => () => void;\n        remove: (index: number) => () => void;\n    };\n    header: (cb: ChildrenRenderPropHeaderCallable) => React.ReactNode;\n    footer: (cb: ChildrenRenderPropFooterCallable) => React.ReactNode;\n    row: (cb: ChildrenRenderPropRowCallable) => React.ReactNode;\n    empty: (cb: ChildrenRenderPropEmptyCallable) => React.ReactNode;\n}\n\ninterface DynamicFieldsetProps {\n    value?: any[];\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange: (value: any) => void;\n    // Create a new value to be added to the fieldset.\n    onAdd: () => any;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n}\n\nclass DynamicFieldset extends React.Component<DynamicFieldsetProps> {\n    static defaultProps: Partial<DynamicFieldsetProps> = {\n        value: []\n    };\n\n    header: React.ReactNode = null;\n    footer: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        if (!value) {\n            return;\n        }\n        onChange([...value.slice(0, index), ...value.slice(index + 1)]);\n    };\n\n    addData = (index = -1) => {\n        const { onChange, onAdd } = this.props;\n        let value = this.props.value;\n        if (!value) {\n            value = [];\n        }\n\n        const newValue = typeof onAdd === \"function\" ? onAdd() : {};\n\n        if (index < 0) {\n            onChange([...value, newValue]);\n        } else {\n            onChange([...value.slice(0, index + 1), newValue, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode): React.ReactNode => {\n        this.header = cb();\n        return null;\n    };\n\n    renderFooter = (cb: () => React.ReactNode): React.ReactNode => {\n        this.footer = cb();\n        return null;\n    };\n\n    renderRow = (cb: ChildrenRenderPropRowCallable): React.ReactNode => {\n        const { value } = this.props;\n        if (!value) {\n            return null;\n        }\n        this.rows = value.map((record, index) => {\n            return <div key={index}>{cb({ data: record, index })}</div>;\n        });\n        return null;\n    };\n\n    renderEmpty = (cb: () => React.ReactNode): React.ReactNode => {\n        this.empty = cb();\n        return null;\n    };\n\n    public renderComponent(): React.ReactNode {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            footer: this.renderFooter,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (!value || value.length === 0) {\n            return this.empty;\n        }\n\n        return (\n            <React.Fragment>\n                {this.header}\n                {this.rows}\n                {this.footer}\n            </React.Fragment>\n        );\n    }\n\n    public override render() {\n        const { description, validation } = this.props;\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <>\n                {this.renderComponent()}\n                <FormComponentErrorMessage\n                    invalid={Boolean(validationIsValid === false)}\n                    text={validationMessage}\n                />\n                <FormComponentNote text={description} />\n            </>\n        );\n    }\n}\n\nexport { DynamicFieldset, type DynamicFieldsetProps };\n"],"names":["DynamicFieldset","React","value","children","description","validation","validationIsValid","validationMessage","FormComponentErrorMessage","Boolean","FormComponentNote","index","onChange","onAdd","newValue","cb","record"],"mappings":";;AAyCA,MAAMA,wBAAwBC,MAAAA,SAAe;;aAClC,YAAY,GAAkC;YACjD,OAAO,EAAE;QACb;;IAoEO,kBAAmC;QACtC,MAAM,EAAEC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;QAC5B,MAAM,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;QAE/BA,SAAS;YACL,SAAS,IAAI,CAAC,OAAO;YACrB,QAAQ,IAAI,CAAC,YAAY;YACzB,QAAQ,IAAI,CAAC,YAAY;YACzB,KAAK,IAAI,CAAC,SAAS;YACnB,OAAO,IAAI,CAAC,WAAW;QAC3B;QAEA,IAAI,CAACD,SAASA,AAAiB,MAAjBA,MAAM,MAAM,EACtB,OAAO,IAAI,CAAC,KAAK;QAGrB,OAAO,WAAP,GACI,oBAACD,MAAAA,QAAc,QACV,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,MAAM;IAGxB;IAEgB,SAAS;QACrB,MAAM,EAAEG,WAAW,EAAEC,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK;QAC9C,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGF,cAAc,CAAC;QAElF,OAAO,WAAP,GACI,0CACK,IAAI,CAAC,eAAe,kBACrB,oBAACG,2BAAyBA;YACtB,SAASC,QAAQH,AAAsB,UAAtBA;YACjB,MAAMC;0BAEV,oBAACG,mBAAiBA;YAAC,MAAMN;;IAGrC;;QA9GJ,qBAKI,MAAM,GAAoB,WAC1B,MAAM,GAAoB,WAC1B,IAAI,GAAoB,WACxB,KAAK,GAAoB,WAEzB,OAAO,GAAG;YACN,KACI,CAACO,QAAQ,EAAE,GACX,IACI,IAAI,CAAC,OAAO,CAACA;YACrB,QACI,CAACA,QAAQ,EAAE,GACX,IACI,IAAI,CAAC,UAAU,CAACA;QAC5B,QAEA,UAAU,GAAG,CAACA;YACV,MAAM,EAAET,KAAK,EAAEU,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;YACtC,IAAI,CAACV,OACD;YAEJU,SAAS;mBAAIV,MAAM,KAAK,CAAC,GAAGS;mBAAWT,MAAM,KAAK,CAACS,QAAQ;aAAG;QAClE,QAEA,OAAO,GAAG,CAACA,QAAQ,EAAE;YACjB,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;YACtC,IAAIX,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK;YAC5B,IAAI,CAACA,OACDA,QAAQ,EAAE;YAGd,MAAMY,WAAW,AAAiB,cAAjB,OAAOD,QAAuBA,UAAU,CAAC;YAGtDD,SAAS,AADTD,QAAQ,IACC;mBAAIT;gBAAOY;aAAS,GAEpB;mBAAIZ,MAAM,KAAK,CAAC,GAAGS,QAAQ;gBAAIG;mBAAaZ,MAAM,KAAK,CAACS,QAAQ;aAAG;QAEpF,QAEA,YAAY,GAAG,CAACI;YACZ,IAAI,CAAC,MAAM,GAAGA;YACd,OAAO;QACX,QAEA,YAAY,GAAG,CAACA;YACZ,IAAI,CAAC,MAAM,GAAGA;YACd,OAAO;QACX,QAEA,SAAS,GAAG,CAACA;YACT,MAAM,EAAEb,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;YAC5B,IAAI,CAACA,OACD,OAAO;YAEX,IAAI,CAAC,IAAI,GAAGA,MAAM,GAAG,CAAC,CAACc,QAAQL,QACpB,WAAP,GAAO,oBAAC;oBAAI,KAAKA;mBAAQI,GAAG;oBAAE,MAAMC;oBAAQL;gBAAM;YAEtD,OAAO;QACX,QAEA,WAAW,GAAG,CAACI;YACX,IAAI,CAAC,KAAK,GAAGA;YACb,OAAO;QACX;;AA0CJ"}

package/DynamicFieldset/index.js

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

package/FilePicker/FilePicker.js

@@ -1,69 +1,58 @@
-import React, { useCallback, useMemo } from "react";
+import react, { useCallback, useMemo } from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { FilePickerDescription, FilePickerLabel, FilePickerPrimitive } from "./primitives/index.js";
 import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
 import { ImagePreview, RichItemPreview, TextOnlyPreview } from "./primitives/components/index.js";
-const BaseFilePicker = ({
-  label,
-  hint,
-  description,
-  note,
-  required,
-  disabled,
-  validation,
-  validate,
-  onBlur: originalOnBlur,
-  type = "area",
-  ...props
-}) => {
-  const {
-    isValid: validationIsValid,
-    message: validationMessage
-  } = validation || {};
-  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
-  const onBlur = useCallback(async e => {
-    if (validate) {
-      // Since we are accessing event in an async operation, we need to persist it.
-      // See https://reactjs.org/docs/events.html#event-pooling.
-      e.persist();
-      await validate();
-    }
-    originalOnBlur && originalOnBlur(e);
-  }, [validate, originalOnBlur]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-full"
-  }, type !== "area" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilePickerLabel, {
-    label: label,
-    hint: hint,
-    required: required,
-    disabled: disabled,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(FilePickerDescription, {
-    description: description,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement(FilePickerPrimitive, Object.assign({}, props, {
-    label: label,
-    description: description,
-    disabled: disabled,
-    invalid: invalid,
-    onBlur: onBlur,
-    type: type
-  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-    text: validationMessage,
-    invalid: invalid,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(FormComponentNote, {
-    text: note,
-    disabled: disabled
-  }));
+const BaseFilePicker = ({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type = "area", ...props })=>{
+    const { isValid: validationIsValid, message: validationMessage } = validation || {};
+    const invalid = useMemo(()=>false === validationIsValid, [
+        validationIsValid
+    ]);
+    const onBlur = useCallback(async (e)=>{
+        if (validate) {
+            e.persist();
+            await validate();
+        }
+        originalOnBlur && originalOnBlur(e);
+    }, [
+        validate,
+        originalOnBlur
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full"
+    }, "area" !== type && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FilePickerLabel, {
+        label: label,
+        hint: hint,
+        required: required,
+        disabled: disabled,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(FilePickerDescription, {
+        description: description,
+        disabled: disabled
+    })), /*#__PURE__*/ react.createElement(FilePickerPrimitive, {
+        ...props,
+        label: label,
+        description: description,
+        disabled: disabled,
+        invalid: invalid,
+        onBlur: onBlur,
+        type: type
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: validationMessage,
+        invalid: invalid,
+        disabled: disabled
+    }), /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: note,
+        disabled: disabled
+    }));
 };
 const DecoratableFilePicker = makeDecoratable("FilePicker", BaseFilePicker);
 const FilePicker = withStaticProps(DecoratableFilePicker, {
-  Preview: {
-    Image: ImagePreview,
-    RichItem: RichItemPreview,
-    TextOnly: TextOnlyPreview
-  }
+    Preview: {
+        Image: ImagePreview,
+        RichItem: RichItemPreview,
+        TextOnly: TextOnlyPreview
+    }
 });
 export { FilePicker };
 

package/FilePicker/FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","withStaticProps","FilePickerDescription","FilePickerLabel","FilePickerPrimitive","FormComponentErrorMessage","FormComponentNote","ImagePreview","RichItemPreview","TextOnlyPreview","BaseFilePicker","label","hint","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","type","props","isValid","validationIsValid","message","validationMessage","invalid","e","persist","createElement","className","Fragment","Object","assign","text","DecoratableFilePicker","FilePicker","Preview","Image","RichItem","TextOnly"],"sources":["FilePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    FilePickerDescription,\n    FilePickerLabel,\n    FilePickerPrimitive,\n    type FilePickerPrimitiveProps\n} from \"./primitives/index.js\";\nimport {\n    FormComponentErrorMessage,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\nimport {\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview\n} from \"~/FilePicker/primitives/components/index.js\";\n\ntype FilePickerProps = FilePickerPrimitiveProps & Omit<FormComponentProps, \"value\">;\n\nconst BaseFilePicker = ({\n    label,\n    hint,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    type = \"area\",\n    ...props\n}: FilePickerProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            {type !== \"area\" && (\n                <>\n                    <FilePickerLabel\n                        label={label}\n                        hint={hint}\n                        required={required}\n                        disabled={disabled}\n                        invalid={invalid}\n                    />\n                    <FilePickerDescription description={description} disabled={disabled} />\n                </>\n            )}\n            <FilePickerPrimitive\n                {...props}\n                label={label}\n                description={description}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n                type={type}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst DecoratableFilePicker = makeDecoratable(\"FilePicker\", BaseFilePicker);\n\nconst FilePicker = withStaticProps(DecoratableFilePicker, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\nexport { FilePicker, type FilePickerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,eAAe;AACzC,SACIC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB;AAGvB,SACIC,yBAAyB,EACzBC,iBAAiB;AAGrB,SACIC,YAAY,EACZC,eAAe,EACfC,eAAe;AAKnB,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtBC,IAAI,GAAG,MAAM;EACb,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGT,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMU,OAAO,GAAG5B,OAAO,CAAC,MAAMyB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAML,MAAM,GAAGrB,WAAW,CACtB,MAAO8B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACIvB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE;EAAS,GACpBV,IAAI,KAAK,MAAM,iBACZxB,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAiC,aAAA,CAAC3B,eAAe;IACZQ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF9B,KAAA,CAAAiC,aAAA,CAAC5B,qBAAqB;IAACW,WAAW,EAAEA,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACxE,CACL,eACDnB,KAAA,CAAAiC,aAAA,CAAC1B,mBAAmB,EAAA6B,MAAA,CAAAC,MAAA,KACZZ,KAAK;IACTX,KAAK,EAAEA,KAAM;IACbE,WAAW,EAAEA,WAAY;IACzBG,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,EACd,CAAC,eACFxB,KAAA,CAAAiC,aAAA,CAACzB,yBAAyB;IACtB8B,IAAI,EAAET,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFnB,KAAA,CAAAiC,aAAA,CAACxB,iBAAiB;IAAC6B,IAAI,EAAErB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMoB,qBAAqB,GAAGpC,eAAe,CAAC,YAAY,EAAEU,cAAc,CAAC;AAE3E,MAAM2B,UAAU,GAAGpC,eAAe,CAACmC,qBAAqB,EAAE;EACtDE,OAAO,EAAE;IACLC,KAAK,EAAEhC,YAAY;IACnBiC,QAAQ,EAAEhC,eAAe;IACzBiC,QAAQ,EAAEhC;EACd;AACJ,CAAC,CAAC;AACF,SAAS4B,UAAU","ignoreList":[]}
+{"version":3,"file":"FilePicker/FilePicker.js","sources":["../../src/FilePicker/FilePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    FilePickerDescription,\n    FilePickerLabel,\n    FilePickerPrimitive,\n    type FilePickerPrimitiveProps\n} from \"./primitives/index.js\";\nimport {\n    FormComponentErrorMessage,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\nimport {\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview\n} from \"~/FilePicker/primitives/components/index.js\";\n\ntype FilePickerProps = FilePickerPrimitiveProps & Omit<FormComponentProps, \"value\">;\n\nconst BaseFilePicker = ({\n    label,\n    hint,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    type = \"area\",\n    ...props\n}: FilePickerProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            {type !== \"area\" && (\n                <>\n                    <FilePickerLabel\n                        label={label}\n                        hint={hint}\n                        required={required}\n                        disabled={disabled}\n                        invalid={invalid}\n                    />\n                    <FilePickerDescription description={description} disabled={disabled} />\n                </>\n            )}\n            <FilePickerPrimitive\n                {...props}\n                label={label}\n                description={description}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n                type={type}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst DecoratableFilePicker = makeDecoratable(\"FilePicker\", BaseFilePicker);\n\nconst FilePicker = withStaticProps(DecoratableFilePicker, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\nexport { FilePicker, type FilePickerProps };\n"],"names":["BaseFilePicker","label","hint","description","note","required","disabled","validation","validate","originalOnBlur","type","props","validationIsValid","validationMessage","invalid","useMemo","onBlur","useCallback","e","FilePickerLabel","FilePickerDescription","FilePickerPrimitive","FormComponentErrorMessage","FormComponentNote","DecoratableFilePicker","makeDecoratable","FilePicker","withStaticProps","ImagePreview","RichItemPreview","TextOnlyPreview"],"mappings":";;;;;AAqBA,MAAMA,iBAAiB,CAAC,EACpBC,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACR,QAAQC,cAAc,EACtBC,OAAO,MAAM,EACb,GAAGC,OACW;IACd,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGN,cAAc,CAAC;IAClF,MAAMO,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAE9E,MAAMI,SAASC,YACX,OAAOC;QACH,IAAIV,UAAU;YAGVU,EAAE,OAAO;YACT,MAAMV;QACV;QACAC,kBAAkBA,eAAeS;IACrC,GACA;QAACV;QAAUC;KAAe;IAG9B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXC,AAAS,WAATA,QAAmB,WAAV,GACN,wDACI,oBAACS,iBAAeA;QACZ,OAAOlB;QACP,MAAMC;QACN,UAAUG;QACV,UAAUC;QACV,SAASQ;sBAEb,oBAACM,uBAAqBA;QAAC,aAAajB;QAAa,UAAUG;uBAGnE,oBAACe,qBAAmBA;QACf,GAAGV,KAAK;QACT,OAAOV;QACP,aAAaE;QACb,UAAUG;QACV,SAASQ;QACT,QAAQE;QACR,MAAMN;sBAEV,oBAACY,2BAAyBA;QACtB,MAAMT;QACN,SAASC;QACT,UAAUR;sBAEd,oBAACiB,mBAAiBA;QAAC,MAAMnB;QAAM,UAAUE;;AAGrD;AAEA,MAAMkB,wBAAwBC,gBAAgB,cAAczB;AAE5D,MAAM0B,aAAaC,gBAAgBH,uBAAuB;IACtD,SAAS;QACL,OAAOI;QACP,UAAUC;QACV,UAAUC;IACd;AACJ"}