@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

package/Command/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Check","Command","CommandPrimitive","cn","cva","commandItemVariants","variants","selected","true","Item","className","children","props","createElement","Object","assign"],"sources":["Item.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst commandItemVariants = cva(\n    [\n        \"wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-cursor-default wby-select-none wby-rounded-sm wby-p-sm wby-mx-sm wby-text-md wby-outline-none wby-overflow-hidden\",\n        \"wby-bg-neutral-base wby-text-neutral-primary wby-fill-neutral-xstrong\",\n        \"data-[disabled=true]:wby-text-neutral-disabled data-[disabled=true]:wby-cursor-not-allowed\",\n        \"data-[selected=true]:wby-bg-neutral-dimmed\"\n    ],\n    {\n        variants: {\n            selected: {\n                true: \"wby-font-semibold wby-bg-neutral-dimmed\"\n            }\n        }\n    }\n);\n\ninterface ItemProps\n    extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>,\n        VariantProps<typeof commandItemVariants> {\n    selected?: boolean;\n}\n\nconst Item = ({ className, children, selected, ...props }: ItemProps) => (\n    <CommandPrimitive.Item className={cn(commandItemVariants({ selected }), className)} {...props}>\n        <span className={\"wby-w-full wby-overflow-hidden wby-truncate wby-whitespace-nowrap\"}>\n            {children}\n        </span>\n        {selected ? <Check className=\"wby-w-md wby-h-md\" /> : null}\n    </CommandPrimitive.Item>\n);\n\nexport { Item, type ItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAClD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAC3B,CACI,sLAAsL,EACtL,uEAAuE,EACvE,4FAA4F,EAC5F,4CAA4C,CAC/C,EACD;EACIE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAQD,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEJ,QAAQ;EAAE,GAAGK;AAAiB,CAAC,kBAChEd,KAAA,CAAAe,aAAA,CAACX,gBAAgB,CAACO,IAAI,EAAAK,MAAA,CAAAC,MAAA;EAACL,SAAS,EAAEP,EAAE,CAACE,mBAAmB,CAAC;IAAEE;EAAS,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKE,KAAK,gBACzFd,KAAA,CAAAe,aAAA;EAAMH,SAAS,EAAE;AAAoE,GAChFC,QACC,CAAC,EACNJ,QAAQ,gBAAGT,KAAA,CAAAe,aAAA,CAACb,KAAK;EAACU,SAAS,EAAC;AAAmB,CAAE,CAAC,GAAG,IACnC,CAC1B;AAED,SAASD,IAAI","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","Check","Command","CommandPrimitive","cn","cva","commandItemVariants","variants","selected","true","Item","className","children","props","createElement","Object","assign"],"sources":["Item.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst commandItemVariants = cva(\n    [\n        \"flex items-center justify-between gap-sm-extra cursor-default select-none rounded-sm p-sm mx-sm text-md outline-none overflow-hidden\",\n        \"bg-neutral-base text-neutral-primary fill-neutral-xstrong\",\n        \"data-[disabled=true]:text-neutral-disabled data-[disabled=true]:cursor-not-allowed\",\n        \"data-[selected=true]:bg-neutral-dimmed\"\n    ],\n    {\n        variants: {\n            selected: {\n                true: \"font-semibold bg-neutral-dimmed\"\n            }\n        }\n    }\n);\n\ninterface ItemProps\n    extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>,\n        VariantProps<typeof commandItemVariants> {\n    selected?: boolean;\n}\n\nconst Item = ({ className, children, selected, ...props }: ItemProps) => (\n    <CommandPrimitive.Item className={cn(commandItemVariants({ selected }), className)} {...props}>\n        <span className={\"w-full overflow-hidden truncate whitespace-nowrap\"}>{children}</span>\n        {selected ? <Check className=\"w-md h-md\" /> : null}\n    </CommandPrimitive.Item>\n);\n\nexport { Item, type ItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAClD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,mBAAmB,GAAGD,GAAG,CAC3B,CACI,sIAAsI,EACtI,2DAA2D,EAC3D,oFAAoF,EACpF,wCAAwC,CAC3C,EACD;EACIE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAQD,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEJ,QAAQ;EAAE,GAAGK;AAAiB,CAAC,kBAChEd,KAAA,CAAAe,aAAA,CAACX,gBAAgB,CAACO,IAAI,EAAAK,MAAA,CAAAC,MAAA;EAACL,SAAS,EAAEP,EAAE,CAACE,mBAAmB,CAAC;IAAEE;EAAS,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKE,KAAK,gBACzFd,KAAA,CAAAe,aAAA;EAAMH,SAAS,EAAE;AAAoD,GAAEC,QAAe,CAAC,EACtFJ,QAAQ,gBAAGT,KAAA,CAAAe,aAAA,CAACb,KAAK;EAACU,SAAS,EAAC;AAAW,CAAE,CAAC,GAAG,IAC3B,CAC1B;AAED,SAASD,IAAI","ignoreList":[]}

package/Command/components/List.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 const List = ({
   className,
   ...props
 }) => {
   return /*#__PURE__*/React.createElement(CommandPrimitive.List, Object.assign({
-    className: cn(["block wby-max-h-96 wby-w-full wby-py-sm wby-overflow-y-auto wby-overflow-x-hidden wby-bg-neutral-base wby-text-neutral-strong"], className)
+    className: cn(["block max-h-96 w-full py-sm overflow-y-auto overflow-x-hidden bg-neutral-base text-neutral-strong"], className)
   }, props));
 };
 export { List };

package/Command/components/List.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","CommandPrimitive","cn","List","className","props","createElement","Object","assign"],"sources":["List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"~/utils\";\n\ntype ListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>;\n\nconst List = ({ className, ...props }: ListProps) => {\n    return (\n        <CommandPrimitive.List\n            className={cn(\n                [\n                    \"block wby-max-h-96 wby-w-full wby-py-sm wby-overflow-y-auto wby-overflow-x-hidden wby-bg-neutral-base wby-text-neutral-strong\"\n                ],\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { List, type ListProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAClD,SAASC,EAAE;AAIX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACjD,oBACIN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACE,IAAI,EAAAI,MAAA,CAAAC,MAAA;IAClBJ,SAAS,EAAEF,EAAE,CACT,CACI,+HAA+H,CAClI,EACDE,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASF,IAAI","ignoreList":[]}
+{"version":3,"names":["React","Command","CommandPrimitive","cn","List","className","props","createElement","Object","assign"],"sources":["List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"~/utils.js\";\n\ntype ListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>;\n\nconst List = ({ className, ...props }: ListProps) => {\n    return (\n        <CommandPrimitive.List\n            className={cn(\n                [\n                    \"block max-h-96 w-full py-sm overflow-y-auto overflow-x-hidden bg-neutral-base text-neutral-strong\"\n                ],\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { List, type ListProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAClD,SAASC,EAAE;AAIX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACjD,oBACIN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACE,IAAI,EAAAI,MAAA,CAAAC,MAAA;IAClBJ,SAAS,EAAEF,EAAE,CACT,CACI,mGAAmG,CACtG,EACDE,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASF,IAAI","ignoreList":[]}

package/Command/components/Loading.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 const Loading = props => /*#__PURE__*/React.createElement(CommandPrimitive.Loading, Object.assign({
-  className: "wby-bg-neutral-base wby-text-neutral-strong wby-fill-neutral-xstrong wby-rounded-sm wby-p-sm wby-mx-sm wby-text-md outline-none"
+  className: "bg-neutral-base text-neutral-strong fill-neutral-xstrong rounded-sm p-sm mx-sm text-md outline-none"
 }, props));
 export { Loading };
 

package/Command/components/Loading.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","CommandPrimitive","Loading","props","createElement","Object","assign","className"],"sources":["Loading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\ntype LoadingProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>;\n\nconst Loading = (props: LoadingProps) => (\n    <CommandPrimitive.Loading\n        className=\"wby-bg-neutral-base wby-text-neutral-strong wby-fill-neutral-xstrong wby-rounded-sm wby-p-sm wby-mx-sm wby-text-md outline-none\"\n        {...props}\n    />\n);\n\nexport { Loading, type LoadingProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAIlD,MAAMC,OAAO,GAAIC,KAAmB,iBAChCJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACC,OAAO,EAAAG,MAAA,CAAAC,MAAA;EACrBC,SAAS,EAAC;AAAiI,GACvIJ,KAAK,CACZ,CACJ;AAED,SAASD,OAAO","ignoreList":[]}
+{"version":3,"names":["React","Command","CommandPrimitive","Loading","props","createElement","Object","assign","className"],"sources":["Loading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\ntype LoadingProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>;\n\nconst Loading = (props: LoadingProps) => (\n    <CommandPrimitive.Loading\n        className=\"bg-neutral-base text-neutral-strong fill-neutral-xstrong rounded-sm p-sm mx-sm text-md outline-none\"\n        {...props}\n    />\n);\n\nexport { Loading, type LoadingProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAIlD,MAAMC,OAAO,GAAIC,KAAmB,iBAChCJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACC,OAAO,EAAAG,MAAA,CAAAC,MAAA;EACrBC,SAAS,EAAC;AAAqG,GAC3GJ,KAAK,CACZ,CACJ;AAED,SAASD,OAAO","ignoreList":[]}

package/Command/components/Separator.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { Separator as SeparatorPrimitive } from "../../Separator";
+import { Separator as SeparatorPrimitive } from "../../Separator/index.js";
 const Separator = props => /*#__PURE__*/React.createElement(CommandPrimitive.Separator, props, /*#__PURE__*/React.createElement(SeparatorPrimitive, {
   variant: "strong",
   margin: "md"

package/Command/components/Separator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","CommandPrimitive","Separator","SeparatorPrimitive","props","createElement","variant","margin"],"sources":["Separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Separator as SeparatorPrimitive } from \"~/Separator\";\n\ntype SeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>;\n\nconst Separator = (props: SeparatorProps) => (\n    <CommandPrimitive.Separator {...props}>\n        <SeparatorPrimitive variant={\"strong\"} margin={\"md\"} />\n    </CommandPrimitive.Separator>\n);\n\nexport { Separator, type SeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAClD,SAASC,SAAS,IAAIC,kBAAkB;AAIxC,MAAMD,SAAS,GAAIE,KAAqB,iBACpCL,KAAA,CAAAM,aAAA,CAACJ,gBAAgB,CAACC,SAAS,EAAKE,KAAK,eACjCL,KAAA,CAAAM,aAAA,CAACF,kBAAkB;EAACG,OAAO,EAAE,QAAS;EAACC,MAAM,EAAE;AAAK,CAAE,CAC9B,CAC/B;AAED,SAASL,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Command","CommandPrimitive","Separator","SeparatorPrimitive","props","createElement","variant","margin"],"sources":["Separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Separator as SeparatorPrimitive } from \"~/Separator/index.js\";\n\ntype SeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>;\n\nconst Separator = (props: SeparatorProps) => (\n    <CommandPrimitive.Separator {...props}>\n        <SeparatorPrimitive variant={\"strong\"} margin={\"md\"} />\n    </CommandPrimitive.Separator>\n);\n\nexport { Separator, type SeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,MAAM;AAClD,SAASC,SAAS,IAAIC,kBAAkB;AAIxC,MAAMD,SAAS,GAAIE,KAAqB,iBACpCL,KAAA,CAAAM,aAAA,CAACJ,gBAAgB,CAACC,SAAS,EAAKE,KAAK,eACjCL,KAAA,CAAAM,aAAA,CAACF,kBAAkB;EAACG,OAAO,EAAE,QAAS;EAACC,MAAM,EAAE;AAAK,CAAE,CAC9B,CAC/B;AAED,SAASL,SAAS","ignoreList":[]}

package/Command/components/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./Empty";
-export * from "./Group";
-export * from "./Input";
-export * from "./Item";
-export * from "./List";
-export * from "./Loading";
-export * from "./Separator";
+export * from "./Empty.js";
+export * from "./Group.js";
+export * from "./Input.js";
+export * from "./Item.js";
+export * from "./List.js";
+export * from "./Loading.js";
+export * from "./Separator.js";

package/Command/components/index.js

@@ -1,9 +1,9 @@
-export * from "./Empty";
-export * from "./Group";
-export * from "./Input";
-export * from "./Item";
-export * from "./List";
-export * from "./Loading";
-export * from "./Separator";
+export * from "./Empty.js";
+export * from "./Group.js";
+export * from "./Input.js";
+export * from "./Item.js";
+export * from "./List.js";
+export * from "./Loading.js";
+export * from "./Separator.js";
 
 //# sourceMappingURL=index.js.map

package/Command/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Empty\";\nexport * from \"./Group\";\nexport * from \"./Input\";\nexport * from \"./Item\";\nexport * from \"./List\";\nexport * from \"./Loading\";\nexport * from \"./Separator\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Empty.js\";\nexport * from \"./Group.js\";\nexport * from \"./Input.js\";\nexport * from \"./Item.js\";\nexport * from \"./List.js\";\nexport * from \"./Loading.js\";\nexport * from \"./Separator.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Command/domain/CommandOption.d.ts

@@ -1,4 +1,4 @@
-import type { CommandOptionDto } from "./CommandOptionDto";
+import type { CommandOptionDto } from "./CommandOptionDto.js";
 export declare class CommandOption {
     private readonly _label;
     private readonly _value;

package/Command/domain/CommandOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandOption","constructor","data","_label","label","_value","value","_disabled","disabled","_selected","selected","_separator","separator","_item","item","create","createFromString"],"sources":["CommandOption.ts"],"sourcesContent":["import type { CommandOptionDto } from \"./CommandOptionDto\";\n\nexport class CommandOption {\n    private readonly _label: string;\n    private readonly _value: string;\n    private _disabled: boolean;\n    private readonly _separator: boolean;\n    private readonly _item: any | null;\n    private _selected: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string;\n        disabled: boolean;\n        selected: boolean;\n        separator: boolean;\n        item: any | null;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n        this._selected = data.selected;\n        this._separator = data.separator;\n        this._item = data.item;\n    }\n\n    static create(data: CommandOptionDto) {\n        return new CommandOption({\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false,\n            selected: false,\n            separator: data.separator ?? false,\n            item: data.item ?? null\n        });\n    }\n\n    static createFromString(value: string) {\n        return new CommandOption({\n            label: value,\n            value: value,\n            disabled: false,\n            selected: false,\n            separator: false,\n            item: null\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    set disabled(selected: boolean) {\n        this._disabled = selected;\n    }\n\n    get selected() {\n        return this._selected;\n    }\n\n    set selected(selected: boolean) {\n        this._selected = selected;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n\n    get item() {\n        return this._item;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAa,CAAC;EAQbC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACM,QAAQ;IAC9B,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGT,IAAI,CAACU,SAAS;IAChC,IAAI,CAACC,KAAK,GAAGX,IAAI,CAACY,IAAI;EAC1B;EAEA,OAAOC,MAAMA,CAACb,IAAsB,EAAE;IAClC,OAAO,IAAIF,aAAa,CAAC;MACrBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ,IAAI,KAAK;MAChCE,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAEV,IAAI,CAACU,SAAS,IAAI,KAAK;MAClCE,IAAI,EAAEZ,IAAI,CAACY,IAAI,IAAI;IACvB,CAAC,CAAC;EACN;EAEA,OAAOE,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,aAAa,CAAC;MACrBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,QAAQ,EAAE,KAAK;MACfE,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE,KAAK;MAChBE,IAAI,EAAE;IACV,CAAC,CAAC;EACN;EAEA,IAAIV,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIC,QAAQA,CAACE,QAAiB,EAAE;IAC5B,IAAI,CAACH,SAAS,GAAGG,QAAQ;EAC7B;EAEA,IAAIA,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIC,QAAQA,CAACA,QAAiB,EAAE;IAC5B,IAAI,CAACD,SAAS,GAAGC,QAAQ;EAC7B;EAEA,IAAIE,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;EAEA,IAAIG,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACD,KAAK;EACrB;AACJ","ignoreList":[]}
+{"version":3,"names":["CommandOption","constructor","data","_label","label","_value","value","_disabled","disabled","_selected","selected","_separator","separator","_item","item","create","createFromString"],"sources":["CommandOption.ts"],"sourcesContent":["import type { CommandOptionDto } from \"./CommandOptionDto.js\";\n\nexport class CommandOption {\n    private readonly _label: string;\n    private readonly _value: string;\n    private _disabled: boolean;\n    private readonly _separator: boolean;\n    private readonly _item: any | null;\n    private _selected: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string;\n        disabled: boolean;\n        selected: boolean;\n        separator: boolean;\n        item: any | null;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n        this._selected = data.selected;\n        this._separator = data.separator;\n        this._item = data.item;\n    }\n\n    static create(data: CommandOptionDto) {\n        return new CommandOption({\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false,\n            selected: false,\n            separator: data.separator ?? false,\n            item: data.item ?? null\n        });\n    }\n\n    static createFromString(value: string) {\n        return new CommandOption({\n            label: value,\n            value: value,\n            disabled: false,\n            selected: false,\n            separator: false,\n            item: null\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    set disabled(selected: boolean) {\n        this._disabled = selected;\n    }\n\n    get selected() {\n        return this._selected;\n    }\n\n    set selected(selected: boolean) {\n        this._selected = selected;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n\n    get item() {\n        return this._item;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAa,CAAC;EAQbC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACM,QAAQ;IAC9B,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGT,IAAI,CAACU,SAAS;IAChC,IAAI,CAACC,KAAK,GAAGX,IAAI,CAACY,IAAI;EAC1B;EAEA,OAAOC,MAAMA,CAACb,IAAsB,EAAE;IAClC,OAAO,IAAIF,aAAa,CAAC;MACrBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ,IAAI,KAAK;MAChCE,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAEV,IAAI,CAACU,SAAS,IAAI,KAAK;MAClCE,IAAI,EAAEZ,IAAI,CAACY,IAAI,IAAI;IACvB,CAAC,CAAC;EACN;EAEA,OAAOE,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,aAAa,CAAC;MACrBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,QAAQ,EAAE,KAAK;MACfE,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE,KAAK;MAChBE,IAAI,EAAE;IACV,CAAC,CAAC;EACN;EAEA,IAAIV,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIC,QAAQA,CAACE,QAAiB,EAAE;IAC5B,IAAI,CAACH,SAAS,GAAGG,QAAQ;EAC7B;EAEA,IAAIA,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIC,QAAQA,CAACA,QAAiB,EAAE;IAC5B,IAAI,CAACD,SAAS,GAAGC,QAAQ;EAC7B;EAEA,IAAIE,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;EAEA,IAAIG,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACD,KAAK;EACrB;AACJ","ignoreList":[]}

package/Command/domain/CommandOptionFormatter.d.ts

@@ -1,5 +1,5 @@
-import type { CommandOption } from "./CommandOption";
-import type { CommandOptionFormatted } from "./CommandOptionFormatted";
+import type { CommandOption } from "./CommandOption.js";
+import type { CommandOptionFormatted } from "./CommandOptionFormatted.js";
 export declare class CommandOptionFormatter {
     static format(option: CommandOption): CommandOptionFormatted;
 }

package/Command/domain/CommandOptionFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandOptionFormatter","format","option","label","value","disabled","selected","separator","item"],"sources":["CommandOptionFormatter.ts"],"sourcesContent":["import type { CommandOption } from \"./CommandOption\";\nimport type { CommandOptionFormatted } from \"./CommandOptionFormatted\";\n\nexport class CommandOptionFormatter {\n    static format(option: CommandOption): CommandOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            selected: option.selected,\n            separator: option.separator,\n            item: option.item\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,sBAAsB,CAAC;EAChC,OAAOC,MAAMA,CAACC,MAAqB,EAA0B;IACzD,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,SAAS,EAAEL,MAAM,CAACK,SAAS;MAC3BC,IAAI,EAAEN,MAAM,CAACM;IACjB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["CommandOptionFormatter","format","option","label","value","disabled","selected","separator","item"],"sources":["CommandOptionFormatter.ts"],"sourcesContent":["import type { CommandOption } from \"./CommandOption.js\";\nimport type { CommandOptionFormatted } from \"./CommandOptionFormatted.js\";\n\nexport class CommandOptionFormatter {\n    static format(option: CommandOption): CommandOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            selected: option.selected,\n            separator: option.separator,\n            item: option.item\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,sBAAsB,CAAC;EAChC,OAAOC,MAAMA,CAACC,MAAqB,EAA0B;IACzD,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,SAAS,EAAEL,MAAM,CAACK,SAAS;MAC3BC,IAAI,EAAEN,MAAM,CAACM;IACjB,CAAC;EACL;AACJ","ignoreList":[]}

package/Command/domain/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./CommandOption";
-export * from "./CommandOptionDto";
-export * from "./CommandOptionFormatted";
-export * from "./CommandOptionFormatter";
+export * from "./CommandOption.js";
+export type * from "./CommandOptionDto.js";
+export type * from "./CommandOptionFormatted.js";
+export * from "./CommandOptionFormatter.js";

package/Command/domain/index.js

@@ -1,6 +1,4 @@
-export * from "./CommandOption";
-export * from "./CommandOptionDto";
-export * from "./CommandOptionFormatted";
-export * from "./CommandOptionFormatter";
+export * from "./CommandOption.js";
+export * from "./CommandOptionFormatter.js";
 
 //# sourceMappingURL=index.js.map

package/Command/domain/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CommandOption\";\nexport * from \"./CommandOptionDto\";\nexport * from \"./CommandOptionFormatted\";\nexport * from \"./CommandOptionFormatter\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CommandOption.js\";\nexport type * from \"./CommandOptionDto.js\";\nexport type * from \"./CommandOptionFormatted.js\";\nexport * from \"./CommandOptionFormatter.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Command/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Command";
-export * from "./domain";
+export * from "./Command.js";
+export * from "./domain/index.js";

package/Command/index.js

@@ -1,4 +1,4 @@
-export * from "./Command";
-export * from "./domain";
+export * from "./Command.js";
+export * from "./domain/index.js";
 
 //# sourceMappingURL=index.js.map

package/Command/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Command\";\nexport * from \"./domain\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Command.js\";\nexport * from \"./domain/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/DataList/DataList.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { DataListProps } from "./types";
+import type { DataListProps } from "../DataList/types.js";
 export declare const DataList: <TData>(propsInput: DataListProps<TData>) => React.JSX.Element;

package/DataList/DataList.js

@@ -1,8 +1,8 @@
 import React, { useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
-import { Heading } from "../Heading";
-import { Filters, Loader, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components";
-import { DataListModal } from "./DataListModal";
+import isEmpty from "lodash/isEmpty.js";
+import { Heading } from "../Heading/index.js";
+import { Filters, Loader, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components/index.js";
+import { DataListModal } from "./DataListModal.js";
 const defaultDataListProps = {
   children: null,
   title: null,
@@ -51,18 +51,18 @@ export const DataList = propsInput => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "ui.list.data-list"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-md wby-pb-sm wby-pl-lg wby-pr-md wby-border"
+    className: "pt-md pb-sm pl-lg pr-md"
   }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-between wby-items-center wby-mb-xl"
+    className: "flex justify-between items-center mb-xl"
   }, /*#__PURE__*/React.createElement(Heading, {
-    className: "wby-text-neutral-primary",
+    className: "text-neutral-primary",
     level: 4
   }, props.title)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-sm"
+    className: "flex items-center justify-space-between gap-sm"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex-1"
+    className: "flex-1"
   }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-xs"
+    className: "flex items-center justify-space-between gap-xs"
   }, /*#__PURE__*/React.createElement(MultiSelectAll, props), /*#__PURE__*/React.createElement(MultiSelectActions, props), showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction && props.modalOverlay && /*#__PURE__*/React.createElement(DataListModal, {
     trigger: props.modalOverlayAction,
     content: props.modalOverlay
@@ -70,7 +70,7 @@ export const DataList = propsInput => {
     style: {
       maxHeight: "calc(100vh - 165px)"
     },
-    className: "wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content"
+    className: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
   }, props.subHeader, render));
 };
 

package/DataList/DataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","isEmpty","Heading","Filters","Loader","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","defaultDataListProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataList","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Heading } from \"~/Heading\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components\";\nimport { DataListModal } from \"~/DataList/DataListModal\";\nimport type { DataListProps } from \"~/DataList/types\";\n\nconst defaultDataListProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: () => {},\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport const DataList = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...defaultDataListProps,\n            ...propsInput\n        };\n    }, [propsInput]);\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"wby-pt-md wby-pb-sm wby-pl-lg wby-pr-md wby-border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"wby-flex wby-justify-between wby-items-center wby-mb-xl\"}>\n                        <Heading className={\"wby-text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div\n                        className={\"wby-flex wby-items-center wby-justify-space-between wby-gap-sm\"}\n                    >\n                        <div className={\"wby-flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div\n                            className={\n                                \"wby-flex wby-items-center wby-justify-space-between wby-gap-xs\"\n                            }\n                        >\n                            <MultiSelectAll {...props} />\n                            <MultiSelectActions {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","isEmpty","Heading","Filters","Loader","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","defaultDataListProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataList","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport { Heading } from \"~/Heading/index.js\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components/index.js\";\nimport { DataListModal } from \"~/DataList/DataListModal.js\";\nimport type { DataListProps } from \"~/DataList/types.js\";\n\nconst defaultDataListProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: () => {},\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport const DataList = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...defaultDataListProps,\n            ...propsInput\n        };\n    }, [propsInput]);\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"pt-md pb-sm pl-lg pr-md\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center mb-xl\"}>\n                        <Heading className={\"text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div className={\"flex items-center justify-space-between gap-sm\"}>\n                        <div className={\"flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div className={\"flex items-center justify-space-between gap-xs\"}>\n                            <MultiSelectAll {...props} />\n                            <MultiSelectActions {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DataList/DataListIcons.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconButtonProps } from "../Button";
+import type { IconButtonProps } from "../Button/index.js";
 export declare const RefreshIcon: (props: IconButtonProps) => React.JSX.Element;
 export declare const DeleteIcon: (props: IconButtonProps) => React.JSX.Element;
 export declare const CreateIcon: (props: IconButtonProps) => React.JSX.Element;

package/DataList/DataListIcons.js

@@ -12,8 +12,8 @@ import { ReactComponent as Upload } from "@webiny/icons/file_upload.svg";
 import { ReactComponent as ListView } from "@webiny/icons/list.svg";
 import { ReactComponent as Clone } from "@webiny/icons/library_add.svg";
 import { ReactComponent as Login } from "@webiny/icons/login.svg";
-import { IconButton } from "../Button";
-import { List } from "../List";
+import { IconButton } from "../Button/index.js";
+import { List } from "../List/index.js";
 export const RefreshIcon = props => {
   return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     icon: /*#__PURE__*/React.createElement(List.Item.Icon, {

package/DataList/DataListIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AutoRenew","Delete","Edit","Sort","Filter","NavigateBefore","NavigateAfter","Tune","Download","Upload","ListView","Clone","Login","IconButton","List","RefreshIcon","props","createElement","Object","assign","icon","Item","Icon","label","variant","size","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon","DownloadIcon","UploadIcon","ListIcon","CloneIcon","LoginIcon"],"sources":["DataListIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AutoRenew } from \"@webiny/icons/autorenew.svg\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { ReactComponent as Filter } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as NavigateBefore } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as NavigateAfter } from \"@webiny/icons/chevron_right.svg\";\nimport { ReactComponent as Tune } from \"@webiny/icons/tune.svg\";\nimport { ReactComponent as Download } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as Upload } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListView } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as Clone } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as Login } from \"@webiny/icons/login.svg\";\nimport type { IconButtonProps } from \"~/Button\";\nimport { IconButton } from \"~/Button\";\nimport { List } from \"~/List\";\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<AutoRenew />} label={\"Refresh\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Delete />} label={\"Delete\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Create\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Edit\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Sort />} label={\"Sort\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Filter />} label={\"Filter\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateBefore />} label={\"Previous Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateAfter />} label={\"Next Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Tune />} label={\"Options\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DownloadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Download />} label={\"Download\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const UploadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Upload />} label={\"Upload\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const ListIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<ListView />} label={\"List\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CloneIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Clone />} label={\"Clone\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const LoginIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Login />} label={\"Login\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","AutoRenew","Delete","Edit","Sort","Filter","NavigateBefore","NavigateAfter","Tune","Download","Upload","ListView","Clone","Login","IconButton","List","RefreshIcon","props","createElement","Object","assign","icon","Item","Icon","label","variant","size","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon","DownloadIcon","UploadIcon","ListIcon","CloneIcon","LoginIcon"],"sources":["DataListIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AutoRenew } from \"@webiny/icons/autorenew.svg\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { ReactComponent as Filter } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as NavigateBefore } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as NavigateAfter } from \"@webiny/icons/chevron_right.svg\";\nimport { ReactComponent as Tune } from \"@webiny/icons/tune.svg\";\nimport { ReactComponent as Download } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as Upload } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListView } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as Clone } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as Login } from \"@webiny/icons/login.svg\";\nimport type { IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { List } from \"~/List/index.js\";\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<AutoRenew />} label={\"Refresh\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Delete />} label={\"Delete\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Create\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Edit\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Sort />} label={\"Sort\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Filter />} label={\"Filter\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateBefore />} label={\"Previous Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateAfter />} label={\"Next Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Tune />} label={\"Options\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DownloadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Download />} label={\"Download\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const UploadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Upload />} label={\"Upload\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const ListIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<ListView />} label={\"List\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CloneIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Clone />} label={\"Clone\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const LoginIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Login />} label={\"Login\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DataList/DataListModal.js

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { ReactComponent as Sort } from "@webiny/icons/sort.svg";
-import { PopoverPrimitive } from "../Popover";
-import { withStaticProps } from "../utils";
-import { Tooltip } from "../Tooltip";
-import { IconButton } from "../Button";
+import { PopoverPrimitive } from "../Popover/index.js";
+import { withStaticProps } from "../utils.js";
+import { Tooltip } from "../Tooltip/index.js";
+import { IconButton } from "../Button/index.js";
 const DataListModalContent = ({
   children
 }) => {
@@ -39,7 +39,7 @@ const BaseDataListModal = props => {
     onOpenAutoFocus: e => e.preventDefault(),
     align: "end"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-p-md"
+    className: "bg-neutral-base p-md"
   }, props.content)));
 };
 const DataListModal = withStaticProps(BaseDataListModal, {

package/DataList/DataListModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","Sort","PopoverPrimitive","withStaticProps","Tooltip","IconButton","DataListModalContent","children","createElement","DataListModalTrigger","icon","props","Object","assign","variant","size","BaseDataListModal","open","setOpen","content","trigger","onOpenChange","Trigger","asChild","Content","onOpenAutoFocus","e","preventDefault","align","className","DataListModal"],"sources":["DataListModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { PopoverPrimitive } from \"~/Popover\";\nimport { withStaticProps } from \"~/utils\";\nimport { Tooltip } from \"~/Tooltip\";\nimport { IconButton } from \"~/Button\";\n\ninterface DataListModalContentProps {\n    children: React.ReactNode;\n}\n\nconst DataListModalContent = ({ children }: DataListModalContentProps) => {\n    return <div data-testid={\"data-list-modal-wrapper\"}>{children}</div>;\n};\n\ninterface DataListModalTriggerProps {\n    \"data-testid\"?: string;\n    icon?: React.ReactElement;\n}\n\nconst DataListModalTrigger = ({ icon = <Sort />, ...props }: DataListModalTriggerProps) => {\n    return <IconButton icon={icon} variant={\"ghost\"} {...props} size={\"sm\"} />;\n};\n\ninterface DataListModalProps {\n    trigger: React.ReactElement;\n    content: React.ReactElement;\n}\n\nconst BaseDataListModal = (props: DataListModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    if (!props.content || !props.trigger) {\n        return null;\n    }\n\n    return (\n        <PopoverPrimitive open={open} onOpenChange={open => setOpen(open)}>\n            <Tooltip\n                trigger={\n                    <PopoverPrimitive.Trigger asChild>\n                        <span>{props.trigger}</span>\n                    </PopoverPrimitive.Trigger>\n                }\n                content={\"Sort list\"}\n            />\n            <PopoverPrimitive.Content onOpenAutoFocus={e => e.preventDefault()} align={\"end\"}>\n                <div className={\"wby-bg-neutral-base wby-p-md\"}>{props.content}</div>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive>\n    );\n};\n\nconst DataListModal = withStaticProps(BaseDataListModal, {\n    Trigger: DataListModalTrigger,\n    Content: DataListModalContent\n});\n\nexport {\n    DataListModal,\n    type DataListModalProps,\n    type DataListModalContentProps,\n    type DataListModalTriggerProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,IAAI,QAAQ,wBAAwB;AAC/D,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,OAAO;AAChB,SAASC,UAAU;AAMnB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EACtE,oBAAOT,KAAA,CAAAU,aAAA;IAAK,eAAa;EAA0B,GAAED,QAAc,CAAC;AACxE,CAAC;AAOD,MAAME,oBAAoB,GAAGA,CAAC;EAAEC,IAAI,gBAAGZ,KAAA,CAAAU,aAAA,CAACP,IAAI,MAAE,CAAC;EAAE,GAAGU;AAAiC,CAAC,KAAK;EACvF,oBAAOb,KAAA,CAAAU,aAAA,CAACH,UAAU,EAAAO,MAAA,CAAAC,MAAA;IAACH,IAAI,EAAEA,IAAK;IAACI,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,IAAI,EAAE;EAAK,EAAE,CAAC;AAC9E,CAAC;AAOD,MAAMC,iBAAiB,GAAIL,KAAyB,IAAK;EACrD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAEhD,IAAI,CAACY,KAAK,CAACQ,OAAO,IAAI,CAACR,KAAK,CAACS,OAAO,EAAE;IAClC,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACe,IAAI,EAAEA,IAAK;IAACI,YAAY,EAAEJ,IAAI,IAAIC,OAAO,CAACD,IAAI;EAAE,gBAC9DnB,KAAA,CAAAU,aAAA,CAACJ,OAAO;IACJgB,OAAO,eACHtB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACoB,OAAO;MAACC,OAAO;IAAA,gBAC7BzB,KAAA,CAAAU,aAAA,eAAOG,KAAK,CAACS,OAAc,CACL,CAC7B;IACDD,OAAO,EAAE;EAAY,CACxB,CAAC,eACFrB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACsB,OAAO;IAACC,eAAe,EAAEC,CAAC,IAAIA,CAAC,CAACC,cAAc,CAAC,CAAE;IAACC,KAAK,EAAE;EAAM,gBAC7E9B,KAAA,CAAAU,aAAA;IAAKqB,SAAS,EAAE;EAA+B,GAAElB,KAAK,CAACQ,OAAa,CAC9C,CACZ,CAAC;AAE3B,CAAC;AAED,MAAMW,aAAa,GAAG3B,eAAe,CAACa,iBAAiB,EAAE;EACrDM,OAAO,EAAEb,oBAAoB;EAC7Be,OAAO,EAAElB;AACb,CAAC,CAAC;AAEF,SACIwB,aAAa","ignoreList":[]}
+{"version":3,"names":["React","useState","ReactComponent","Sort","PopoverPrimitive","withStaticProps","Tooltip","IconButton","DataListModalContent","children","createElement","DataListModalTrigger","icon","props","Object","assign","variant","size","BaseDataListModal","open","setOpen","content","trigger","onOpenChange","Trigger","asChild","Content","onOpenAutoFocus","e","preventDefault","align","className","DataListModal"],"sources":["DataListModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { withStaticProps } from \"~/utils.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\n\ninterface DataListModalContentProps {\n    children: React.ReactNode;\n}\n\nconst DataListModalContent = ({ children }: DataListModalContentProps) => {\n    return <div data-testid={\"data-list-modal-wrapper\"}>{children}</div>;\n};\n\ninterface DataListModalTriggerProps {\n    \"data-testid\"?: string;\n    icon?: React.ReactElement;\n}\n\nconst DataListModalTrigger = ({ icon = <Sort />, ...props }: DataListModalTriggerProps) => {\n    return <IconButton icon={icon} variant={\"ghost\"} {...props} size={\"sm\"} />;\n};\n\ninterface DataListModalProps {\n    trigger: React.ReactElement;\n    content: React.ReactElement;\n}\n\nconst BaseDataListModal = (props: DataListModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    if (!props.content || !props.trigger) {\n        return null;\n    }\n\n    return (\n        <PopoverPrimitive open={open} onOpenChange={open => setOpen(open)}>\n            <Tooltip\n                trigger={\n                    <PopoverPrimitive.Trigger asChild>\n                        <span>{props.trigger}</span>\n                    </PopoverPrimitive.Trigger>\n                }\n                content={\"Sort list\"}\n            />\n            <PopoverPrimitive.Content onOpenAutoFocus={e => e.preventDefault()} align={\"end\"}>\n                <div className={\"bg-neutral-base p-md\"}>{props.content}</div>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive>\n    );\n};\n\nconst DataListModal = withStaticProps(BaseDataListModal, {\n    Trigger: DataListModalTrigger,\n    Content: DataListModalContent\n});\n\nexport {\n    DataListModal,\n    type DataListModalProps,\n    type DataListModalContentProps,\n    type DataListModalTriggerProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,IAAI,QAAQ,wBAAwB;AAC/D,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,OAAO;AAChB,SAASC,UAAU;AAMnB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EACtE,oBAAOT,KAAA,CAAAU,aAAA;IAAK,eAAa;EAA0B,GAAED,QAAc,CAAC;AACxE,CAAC;AAOD,MAAME,oBAAoB,GAAGA,CAAC;EAAEC,IAAI,gBAAGZ,KAAA,CAAAU,aAAA,CAACP,IAAI,MAAE,CAAC;EAAE,GAAGU;AAAiC,CAAC,KAAK;EACvF,oBAAOb,KAAA,CAAAU,aAAA,CAACH,UAAU,EAAAO,MAAA,CAAAC,MAAA;IAACH,IAAI,EAAEA,IAAK;IAACI,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,IAAI,EAAE;EAAK,EAAE,CAAC;AAC9E,CAAC;AAOD,MAAMC,iBAAiB,GAAIL,KAAyB,IAAK;EACrD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAEhD,IAAI,CAACY,KAAK,CAACQ,OAAO,IAAI,CAACR,KAAK,CAACS,OAAO,EAAE;IAClC,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACe,IAAI,EAAEA,IAAK;IAACI,YAAY,EAAEJ,IAAI,IAAIC,OAAO,CAACD,IAAI;EAAE,gBAC9DnB,KAAA,CAAAU,aAAA,CAACJ,OAAO;IACJgB,OAAO,eACHtB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACoB,OAAO;MAACC,OAAO;IAAA,gBAC7BzB,KAAA,CAAAU,aAAA,eAAOG,KAAK,CAACS,OAAc,CACL,CAC7B;IACDD,OAAO,EAAE;EAAY,CACxB,CAAC,eACFrB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACsB,OAAO;IAACC,eAAe,EAAEC,CAAC,IAAIA,CAAC,CAACC,cAAc,CAAC,CAAE;IAACC,KAAK,EAAE;EAAM,gBAC7E9B,KAAA,CAAAU,aAAA;IAAKqB,SAAS,EAAE;EAAuB,GAAElB,KAAK,CAACQ,OAAa,CACtC,CACZ,CAAC;AAE3B,CAAC;AAED,MAAMW,aAAa,GAAG3B,eAAe,CAACa,iBAAiB,EAAE;EACrDM,OAAO,EAAEb,oBAAoB;EAC7Be,OAAO,EAAElB;AACb,CAAC,CAAC;AAEF,SACIwB,aAAa","ignoreList":[]}

package/DataList/DataListWithSections.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { DataListProps } from "./types";
+import type { DataListProps } from "../DataList/types.js";
 export declare const DataListWithSections: <TData>(propsInput: DataListProps<TData>) => React.JSX.Element;

package/DataList/DataListWithSections.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
-import { Loader } from "../Loader";
-import { Filters, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components";
-import { DataListModal } from "./DataListModal";
-import { Heading } from "../Heading";
+import isEmpty from "lodash/isEmpty.js";
+import { Loader } from "../Loader/index.js";
+import { Filters, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components/index.js";
+import { DataListModal } from "./DataListModal.js";
+import { Heading } from "../Heading/index.js";
 const dataListWithSectionsDefaultProps = {
   children: null,
   title: null,
@@ -52,20 +52,20 @@ export const DataListWithSections = propsInput => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "ui.list.data-list"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-md-extra wby-pb-md wby-px-md wby-border"
+    className: "pt-md-extra pb-md px-md border"
   }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-between wby-items-center"
+    className: "flex justify-between items-center"
   }, /*#__PURE__*/React.createElement(Heading, {
-    className: "wby-text-accent-primary",
+    className: "text-accent-primary",
     level: 4
   }, props.title), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+    className: "flex items-center justify-end gap-xs"
   }, props.actions)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-sm"
+    className: "flex items-center justify-space-between gap-sm"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex-1"
+    className: "flex-1"
   }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-space-between wby-gap-xs"
+    className: "flex items-center justify-space-between gap-xs"
   }, /*#__PURE__*/React.createElement(MultiSelectAll, props), showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction && props.modalOverlay && /*#__PURE__*/React.createElement(DataListModal, {
     trigger: props.modalOverlayAction,
     content: props.modalOverlay
@@ -73,7 +73,7 @@ export const DataListWithSections = propsInput => {
     style: {
       maxHeight: "calc(100vh - 165px)"
     },
-    className: "wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content"
+    className: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
   }, props.subHeader, render));
 };
 

package/DataList/DataListWithSections.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","isEmpty","Loader","Filters","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","Heading","dataListWithSectionsDefaultProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataListWithSections","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Loader } from \"~/Loader\";\nimport {\n    Filters,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components\";\nimport { DataListModal } from \"~/DataList/DataListModal\";\nimport type { DataListProps } from \"~/DataList/types\";\nimport { Heading } from \"~/Heading\";\n\nconst dataListWithSectionsDefaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: () => {},\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport const DataListWithSections = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...dataListWithSectionsDefaultProps,\n            ...propsInput\n        };\n    }, [propsInput]);\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"wby-pt-md-extra wby-pb-md wby-px-md wby-border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"wby-flex wby-justify-between wby-items-center\"}>\n                        <Heading className={\"wby-text-accent-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                        <div className={\"wby-flex wby-items-center wby-justify-end wby-gap-xs\"}>\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div\n                        className={\"wby-flex wby-items-center wby-justify-space-between wby-gap-sm\"}\n                    >\n                        <div className={\"wby-flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div\n                            className={\n                                \"wby-flex wby-items-center wby-justify-space-between wby-gap-xs\"\n                            }\n                        >\n                            <MultiSelectAll {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            <MultiSelectActions {...props} />\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"wby-relative wby-overflow-auto wby-border-t-sm wby-border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","isEmpty","Loader","Filters","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","Heading","dataListWithSectionsDefaultProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataListWithSections","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport { Loader } from \"~/Loader/index.js\";\nimport {\n    Filters,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components/index.js\";\nimport { DataListModal } from \"~/DataList/DataListModal.js\";\nimport type { DataListProps } from \"~/DataList/types.js\";\nimport { Heading } from \"~/Heading/index.js\";\n\nconst dataListWithSectionsDefaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: () => {},\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport const DataListWithSections = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...dataListWithSectionsDefaultProps,\n            ...propsInput\n        };\n    }, [propsInput]);\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"pt-md-extra pb-md px-md border\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center\"}>\n                        <Heading className={\"text-accent-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                        <div className={\"flex items-center justify-end gap-xs\"}>\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div className={\"flex items-center justify-space-between gap-sm\"}>\n                        <div className={\"flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div className={\"flex items-center justify-space-between gap-xs\"}>\n                            <MultiSelectAll {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            <MultiSelectActions {...props} />\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DataList/components/Filters.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { DataListProps } from "../types";
+import type { DataListProps } from "../types.js";
 declare const Filters: (props: DataListProps) => React.JSX.Element | null;
 export { Filters };

package/DataList/components/Filters.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { DropdownMenu } from "../../DropdownMenu";
-import { FilterIcon } from "../DataListIcons";
+import { DropdownMenu } from "../../DropdownMenu/index.js";
+import { FilterIcon } from "../DataListIcons.js";
 const Filters = props => {
   const filters = props.filters;
   if (!filters) {

package/DataList/components/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","FilterIcon","Filters","props","filters","createElement","trigger","size"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu\";\nimport { FilterIcon } from \"../DataListIcons\";\nimport type { DataListProps } from \"../types\";\n\nconst Filters = (props: DataListProps) => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return <DropdownMenu trigger={<FilterIcon size={\"sm\"} />}>{filters}</DropdownMenu>;\n};\n\nexport { Filters };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AAGnB,MAAMC,OAAO,GAAIC,KAAoB,IAAK;EACtC,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOL,KAAA,CAAAM,aAAA,CAACL,YAAY;IAACM,OAAO,eAAEP,KAAA,CAAAM,aAAA,CAACJ,UAAU;MAACM,IAAI,EAAE;IAAK,CAAE;EAAE,GAAEH,OAAsB,CAAC;AACtF,CAAC;AAED,SAASF,OAAO","ignoreList":[]}
+{"version":3,"names":["React","DropdownMenu","FilterIcon","Filters","props","filters","createElement","trigger","size"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { FilterIcon } from \"../DataListIcons.js\";\nimport type { DataListProps } from \"../types.js\";\n\nconst Filters = (props: DataListProps) => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return <DropdownMenu trigger={<FilterIcon size={\"sm\"} />}>{filters}</DropdownMenu>;\n};\n\nexport { Filters };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AAGnB,MAAMC,OAAO,GAAIC,KAAoB,IAAK;EACtC,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOL,KAAA,CAAAM,aAAA,CAACL,YAAY;IAACM,OAAO,eAAEP,KAAA,CAAAM,aAAA,CAACJ,UAAU;MAACM,IAAI,EAAE;IAAK,CAAE;EAAE,GAAEH,OAAsB,CAAC;AACtF,CAAC;AAED,SAASF,OAAO","ignoreList":[]}