@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.js

@@ -1,30 +1,29 @@
-import React from "react";
+import react from "react";
 import { Grid, Heading, Text } from "@webiny/admin-ui";
-import { OperationSelector } from "./OperationSelector";
-export const Details = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-lg"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 9
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-start wby-gap-md"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-left wby-text-neutral-primary"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 5
-  }, props.name), props.description && /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    size: "sm",
-    className: "wby-mt-xs wby-text-neutral-strong"
-  }, props.description)))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 3,
-    align: "middle"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-right"
-  }, /*#__PURE__*/React.createElement(OperationSelector, {
-    name: "operation",
-    label: "Match all filter groups"
-  })))));
-};
+import { OperationSelector } from "./OperationSelector.js";
+const Details = (props)=>/*#__PURE__*/ react.createElement("div", {
+        className: "mb-lg"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-start gap-md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left text-neutral-primary"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, props.name), props.description && /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "mt-xs text-neutral-strong"
+    }, props.description)))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3,
+        align: "middle"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-right"
+    }, /*#__PURE__*/ react.createElement(OperationSelector, {
+        name: "operation",
+        label: "Match all filter groups"
+    })))));
+export { Details };
 
 //# sourceMappingURL=Details.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Heading","Text","OperationSelector","Details","props","createElement","className","Column","span","level","name","description","as","size","align","label"],"sources":["Details.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\nimport { OperationSelector } from \"./OperationSelector\";\n\nexport interface DetailsProps {\n    name: string;\n    description?: string;\n}\n\nexport const Details = (props: DetailsProps) => {\n    return (\n        <div className=\"wby-mb-lg\">\n            <Grid>\n                <Grid.Column span={9}>\n                    <div className={\"wby-flex wby-items-start wby-gap-md\"}>\n                        <div className={\"wby-text-left wby-text-neutral-primary\"}>\n                            <Heading level={5}>{props.name}</Heading>\n                            {props.description && (\n                                <Text\n                                    as={\"div\"}\n                                    size={\"sm\"}\n                                    className={\"wby-mt-xs wby-text-neutral-strong\"}\n                                >\n                                    {props.description}\n                                </Text>\n                            )}\n                        </div>\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={3} align={\"middle\"}>\n                    <div className={\"wby-text-right\"}>\n                        <OperationSelector name={\"operation\"} label={\"Match all filter groups\"} />\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,iBAAiB;AAO1B,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACtBR,KAAA,CAAAO,aAAA,CAACN,IAAI,qBACDD,KAAA,CAAAO,aAAA,CAACN,IAAI,CAACQ,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBV,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAsC,gBAClDR,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAyC,gBACrDR,KAAA,CAAAO,aAAA,CAACL,OAAO;IAACS,KAAK,EAAE;EAAE,GAAEL,KAAK,CAACM,IAAc,CAAC,EACxCN,KAAK,CAACO,WAAW,iBACdb,KAAA,CAAAO,aAAA,CAACJ,IAAI;IACDW,EAAE,EAAE,KAAM;IACVC,IAAI,EAAE,IAAK;IACXP,SAAS,EAAE;EAAoC,GAE9CF,KAAK,CAACO,WACL,CAET,CACJ,CACI,CAAC,eACdb,KAAA,CAAAO,aAAA,CAACN,IAAI,CAACQ,MAAM;IAACC,IAAI,EAAE,CAAE;IAACM,KAAK,EAAE;EAAS,gBAClChB,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAiB,gBAC7BR,KAAA,CAAAO,aAAA,CAACH,iBAAiB;IAACQ,IAAI,EAAE,WAAY;IAACK,KAAK,EAAE;EAA0B,CAAE,CACxE,CACI,CACX,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\nimport { OperationSelector } from \"./OperationSelector.js\";\n\nexport interface DetailsProps {\n    name: string;\n    description?: string;\n}\n\nexport const Details = (props: DetailsProps) => {\n    return (\n        <div className=\"mb-lg\">\n            <Grid>\n                <Grid.Column span={9}>\n                    <div className={\"flex items-start gap-md\"}>\n                        <div className={\"text-left text-neutral-primary\"}>\n                            <Heading level={5}>{props.name}</Heading>\n                            {props.description && (\n                                <Text\n                                    as={\"div\"}\n                                    size={\"sm\"}\n                                    className={\"mt-xs text-neutral-strong\"}\n                                >\n                                    {props.description}\n                                </Text>\n                            )}\n                        </div>\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={3} align={\"middle\"}>\n                    <div className={\"text-right\"}>\n                        <OperationSelector name={\"operation\"} label={\"Match all filter groups\"} />\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"names":["Details","props","Grid","Heading","Text","OperationSelector"],"mappings":";;;AASO,MAAMA,UAAU,CAACC,QACb,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QAAC,OAAO;OAAIF,MAAM,IAAI,GAC7BA,MAAM,WAAW,IAAI,WAAJ,GACd,oBAACG,MAAIA;QACD,IAAI;QACJ,MAAM;QACN,WAAW;OAEVH,MAAM,WAAW,oBAMtC,oBAACC,KAAK,MAAM;QAAC,MAAM;QAAG,OAAO;qBACzB,oBAAC;QAAI,WAAW;qBACZ,oBAACG,mBAAiBA;QAAC,MAAM;QAAa,OAAO"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FieldDTOWithElement, FilterGroupFilterDTO } from "../../../domain";
+import type { FieldDTOWithElement, FilterGroupFilterDTO } from "../../../domain/index.js";
 interface FilterProps {
     name: string;
     filter: FilterGroupFilterDTO & {

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.js

@@ -1,77 +1,57 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { AutoComplete, Grid, Select } from "@webiny/admin-ui";
-import { InputField } from "./InputField";
-import { RemoveFilter } from "./controls";
-export const Filter = ({
-  name,
-  onDelete,
-  onFieldSelectChange,
-  fields,
-  filter
-}) => {
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 4
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-left"
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: `${name}.field`
-  }, ({
-    value,
-    validation
-  }) => {
-    const options = fields.map(field => ({
-      value: field.value,
-      label: field.label
-    }));
-    return /*#__PURE__*/React.createElement(AutoComplete, {
-      label: "Field",
-      options: options,
-      value: value,
-      onValueChange: selected => {
-        /**
-         * Update the selected value only if it's different from the current value.
-         * When the value is populated from data, onChange might trigger re-rendering of the form and clear related fields.
-         */
-        if (selected !== value) {
-          onFieldSelectChange(selected);
-        }
-      },
-      validation: validation,
-      size: "lg"
-    });
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 3
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-left"
-  }, filter.field && /*#__PURE__*/React.createElement(Bind, {
-    name: `${name}.condition`
-  }, ({
-    value,
-    onChange,
-    validation
-  }) => /*#__PURE__*/React.createElement(Select, {
-    label: "Condition",
-    options: fields.find(field => field.value === filter.field)?.conditions || [],
-    value: value,
-    onChange: onChange,
-    validation: validation,
-    size: "lg"
-  })))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 4
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-left"
-  }, filter.condition && /*#__PURE__*/React.createElement(InputField, {
-    name: `${name}.value`,
-    field: fields.find(field => field.value === filter.field)
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 1
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-items-end wby-h-full"
-  }, /*#__PURE__*/React.createElement(RemoveFilter, {
-    onClick: onDelete,
-    disabled: !filter.canDelete
-  }))));
-};
+import { InputField } from "./InputField.js";
+import { RemoveFilter } from "./controls/index.js";
+const Filter = ({ name, onDelete, onFieldSelectChange, fields, filter })=>/*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 4
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left"
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${name}.field`
+    }, ({ value, validation })=>{
+        const options = fields.map((field)=>({
+                value: field.value,
+                label: field.label
+            }));
+        return /*#__PURE__*/ react.createElement(AutoComplete, {
+            label: "Field",
+            options: options,
+            value: value,
+            onValueChange: (selected)=>{
+                if (selected !== value) onFieldSelectChange(selected);
+            },
+            validation: validation,
+            size: "lg"
+        });
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left"
+    }, filter.field && /*#__PURE__*/ react.createElement(Bind, {
+        name: `${name}.condition`
+    }, ({ value, onChange, validation })=>/*#__PURE__*/ react.createElement(Select, {
+            label: "Condition",
+            options: fields.find((field)=>field.value === filter.field)?.conditions || [],
+            value: value,
+            onChange: onChange,
+            validation: validation,
+            size: "lg"
+        })))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 4
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left"
+    }, filter.condition && /*#__PURE__*/ react.createElement(InputField, {
+        name: `${name}.value`,
+        field: fields.find((field)=>field.value === filter.field)
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center items-end h-full"
+    }, /*#__PURE__*/ react.createElement(RemoveFilter, {
+        onClick: onDelete,
+        disabled: !filter.canDelete
+    }))));
+export { Filter };
 
 //# sourceMappingURL=Filter.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","AutoComplete","Grid","Select","InputField","RemoveFilter","Filter","name","onDelete","onFieldSelectChange","fields","filter","createElement","Column","span","className","value","validation","options","map","field","label","onValueChange","selected","size","onChange","find","conditions","condition","onClick","disabled","canDelete"],"sources":["Filter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\n\nimport { AutoComplete, Grid, Select } from \"@webiny/admin-ui\";\n\nimport { InputField } from \"./InputField\";\nimport { RemoveFilter } from \"./controls\";\n\nimport type { FieldDTOWithElement, FilterGroupFilterDTO } from \"../../../domain\";\n\ninterface FilterProps {\n    name: string;\n    filter: FilterGroupFilterDTO & { canDelete: boolean };\n    fields: FieldDTOWithElement[];\n    onDelete: () => void;\n    onFieldSelectChange: (data: string) => void;\n}\n\nexport const Filter = ({ name, onDelete, onFieldSelectChange, fields, filter }: FilterProps) => {\n    return (\n        <Grid>\n            <Grid.Column span={4}>\n                <div className={\"wby-text-left\"}>\n                    <Bind name={`${name}.field`}>\n                        {({ value, validation }) => {\n                            const options = fields.map(field => ({\n                                value: field.value,\n                                label: field.label\n                            }));\n\n                            return (\n                                <AutoComplete\n                                    label={\"Field\"}\n                                    options={options}\n                                    value={value}\n                                    onValueChange={selected => {\n                                        /**\n                                         * Update the selected value only if it's different from the current value.\n                                         * When the value is populated from data, onChange might trigger re-rendering of the form and clear related fields.\n                                         */\n                                        if (selected !== value) {\n                                            onFieldSelectChange(selected);\n                                        }\n                                    }}\n                                    validation={validation}\n                                    size={\"lg\"}\n                                />\n                            );\n                        }}\n                    </Bind>\n                </div>\n            </Grid.Column>\n            <Grid.Column span={3}>\n                <div className={\"wby-text-left\"}>\n                    {filter.field && (\n                        <Bind name={`${name}.condition`}>\n                            {({ value, onChange, validation }) => (\n                                <Select\n                                    label={\"Condition\"}\n                                    options={\n                                        fields.find(field => field.value === filter.field)\n                                            ?.conditions || []\n                                    }\n                                    value={value}\n                                    onChange={onChange}\n                                    validation={validation}\n                                    size={\"lg\"}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                </div>\n            </Grid.Column>\n            <Grid.Column span={4}>\n                <div className={\"wby-text-left\"}>\n                    {filter.condition && (\n                        <InputField\n                            name={`${name}.value`}\n                            field={fields.find(field => field.value === filter.field)}\n                        />\n                    )}\n                </div>\n            </Grid.Column>\n            <Grid.Column span={1}>\n                <div className={\"wby-flex wby-justify-center wby-items-end wby-h-full\"}>\n                    <RemoveFilter onClick={onDelete} disabled={!filter.canDelete} />\n                </div>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\n\nimport { AutoComplete, Grid, Select } from \"@webiny/admin-ui\";\n\nimport { InputField } from \"./InputField.js\";\nimport { RemoveFilter } from \"./controls/index.js\";\n\nimport type { FieldDTOWithElement, FilterGroupFilterDTO } from \"../../../domain/index.js\";\n\ninterface FilterProps {\n    name: string;\n    filter: FilterGroupFilterDTO & { canDelete: boolean };\n    fields: FieldDTOWithElement[];\n    onDelete: () => void;\n    onFieldSelectChange: (data: string) => void;\n}\n\nexport const Filter = ({ name, onDelete, onFieldSelectChange, fields, filter }: FilterProps) => {\n    return (\n        <Grid>\n            <Grid.Column span={4}>\n                <div className={\"text-left\"}>\n                    <Bind name={`${name}.field`}>\n                        {({ value, validation }) => {\n                            const options = fields.map(field => ({\n                                value: field.value,\n                                label: field.label\n                            }));\n\n                            return (\n                                <AutoComplete\n                                    label={\"Field\"}\n                                    options={options}\n                                    value={value}\n                                    onValueChange={selected => {\n                                        /**\n                                         * Update the selected value only if it's different from the current value.\n                                         * When the value is populated from data, onChange might trigger re-rendering of the form and clear related fields.\n                                         */\n                                        if (selected !== value) {\n                                            onFieldSelectChange(selected);\n                                        }\n                                    }}\n                                    validation={validation}\n                                    size={\"lg\"}\n                                />\n                            );\n                        }}\n                    </Bind>\n                </div>\n            </Grid.Column>\n            <Grid.Column span={3}>\n                <div className={\"text-left\"}>\n                    {filter.field && (\n                        <Bind name={`${name}.condition`}>\n                            {({ value, onChange, validation }) => (\n                                <Select\n                                    label={\"Condition\"}\n                                    options={\n                                        fields.find(field => field.value === filter.field)\n                                            ?.conditions || []\n                                    }\n                                    value={value}\n                                    onChange={onChange}\n                                    validation={validation}\n                                    size={\"lg\"}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                </div>\n            </Grid.Column>\n            <Grid.Column span={4}>\n                <div className={\"text-left\"}>\n                    {filter.condition && (\n                        <InputField\n                            name={`${name}.value`}\n                            field={fields.find(field => field.value === filter.field)}\n                        />\n                    )}\n                </div>\n            </Grid.Column>\n            <Grid.Column span={1}>\n                <div className={\"flex justify-center items-end h-full\"}>\n                    <RemoveFilter onClick={onDelete} disabled={!filter.canDelete} />\n                </div>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["Filter","name","onDelete","onFieldSelectChange","fields","filter","Grid","Bind","value","validation","options","field","AutoComplete","selected","onChange","Select","InputField","RemoveFilter"],"mappings":";;;;;AAkBO,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,MAAM,EAAe,GAChF,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM,GAAGN,KAAK,MAAM,CAAC;OACtB,CAAC,EAAEO,KAAK,EAAEC,UAAU,EAAE;QACnB,MAAMC,UAAUN,OAAO,GAAG,CAACO,CAAAA,QAAU;gBACjC,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,KAAK;YACtB;QAEA,OAAO,WAAP,GACI,oBAACC,cAAYA;YACT,OAAO;YACP,SAASF;YACT,OAAOF;YACP,eAAeK,CAAAA;gBAKX,IAAIA,aAAaL,OACbL,oBAAoBU;YAE5B;YACA,YAAYJ;YACZ,MAAM;;IAGlB,oBAIZ,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OACXD,OAAO,KAAK,IAAI,WAAJ,GACT,oBAACE,MAAIA;QAAC,MAAM,GAAGN,KAAK,UAAU,CAAC;OAC1B,CAAC,EAAEO,KAAK,EAAEM,QAAQ,EAAEL,UAAU,EAAE,iBAC7B,oBAACM,QAAMA;YACH,OAAO;YACP,SACIX,OAAO,IAAI,CAACO,CAAAA,QAASA,MAAM,KAAK,KAAKN,OAAO,KAAK,GAC3C,cAAc,EAAE;YAE1B,OAAOG;YACP,UAAUM;YACV,YAAYL;YACZ,MAAM;6BAO9B,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OACXD,OAAO,SAAS,IAAI,WAAJ,GACb,oBAACW,YAAUA;QACP,MAAM,GAAGf,KAAK,MAAM,CAAC;QACrB,OAAOG,OAAO,IAAI,CAACO,CAAAA,QAASA,MAAM,KAAK,KAAKN,OAAO,KAAK;wBAKxE,oBAACC,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAACW,cAAYA;QAAC,SAASf;QAAU,UAAU,CAACG,OAAO,SAAS"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/FilterOperationLabel.js

@@ -1,17 +1,13 @@
-import React from "react";
+import react from "react";
 import { Text } from "@webiny/admin-ui";
-export const FilterOperationLabel = ({
-  operation,
-  show
-}) => {
-  if (!show) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-sm-plus wby-text-center"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, operation));
+const FilterOperationLabel = ({ operation, show })=>{
+    if (!show) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "pt-sm-plus text-center"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, operation));
 };
+export { FilterOperationLabel };
 
 //# sourceMappingURL=FilterOperationLabel.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/FilterOperationLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","FilterOperationLabel","operation","show","createElement","className","size"],"sources":["FilterOperationLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface FilterOperationLabelProps {\n    operation: string;\n    show: boolean;\n}\nexport const FilterOperationLabel = ({ operation, show }: FilterOperationLabelProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-pt-sm-plus wby-text-center\"}>\n            <Text size={\"sm\"}>{operation}</Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAMvC,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAgC,CAAC,KAAK;EACpF,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAiC,gBAC7CN,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACM,IAAI,EAAE;EAAK,GAAEJ,SAAgB,CAClC,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/FilterOperationLabel.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/FilterOperationLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface FilterOperationLabelProps {\n    operation: string;\n    show: boolean;\n}\nexport const FilterOperationLabel = ({ operation, show }: FilterOperationLabelProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <div className={\"pt-sm-plus text-center\"}>\n            <Text size={\"sm\"}>{operation}</Text>\n        </div>\n    );\n};\n"],"names":["FilterOperationLabel","operation","show","Text"],"mappings":";;AAOO,MAAMA,uBAAuB,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAA6B;IAC/E,IAAI,CAACA,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;OAAOF;AAG/B"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/GroupOperationLabel.js

@@ -1,17 +1,17 @@
-import React from "react";
-import { cn, Text } from "@webiny/admin-ui";
-export const GroupOperationLabel = ({
-  operation,
-  show
-}) => {
-  if (!show) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", {
-    className: cn(["wby-bg-neutral-base wby-rounded-xxl wby-px-md wby-py-xs", "wby-w-[56px] wby-h-[28px]", "wby-absolute -wby-bottom-[15px] wby-left-1/2 -wby-ml-[46px] wby-z-50"])
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, operation));
+import react from "react";
+import { Text, cn } from "@webiny/admin-ui";
+const GroupOperationLabel = ({ operation, show })=>{
+    if (!show) return null;
+    return /*#__PURE__*/ react.createElement("span", {
+        className: cn([
+            "bg-neutral-base rounded-xxl px-md py-xs",
+            "w-[56px] h-[28px]",
+            "absolute -bottom-[15px] left-1/2 -ml-[46px] z-50"
+        ])
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, operation));
 };
+export { GroupOperationLabel };
 
 //# sourceMappingURL=GroupOperationLabel.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/GroupOperationLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Text","GroupOperationLabel","operation","show","createElement","className","size"],"sources":["GroupOperationLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface GroupOperationLabelProps {\n    operation: string;\n    show: boolean;\n}\nexport const GroupOperationLabel = ({ operation, show }: GroupOperationLabelProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <span\n            className={cn([\n                \"wby-bg-neutral-base wby-rounded-xxl wby-px-md wby-py-xs\",\n                \"wby-w-[56px] wby-h-[28px]\",\n                \"wby-absolute -wby-bottom-[15px] wby-left-1/2 -wby-ml-[46px] wby-z-50\"\n            ])}\n        >\n            <Text size={\"sm\"}>{operation}</Text>\n        </span>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA+B,CAAC,KAAK;EAClF,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIL,KAAA,CAAAM,aAAA;IACIC,SAAS,EAAEN,EAAE,CAAC,CACV,yDAAyD,EACzD,2BAA2B,EAC3B,sEAAsE,CACzE;EAAE,gBAEHD,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACM,IAAI,EAAE;EAAK,GAAEJ,SAAgB,CACjC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/GroupOperationLabel.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/GroupOperationLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface GroupOperationLabelProps {\n    operation: string;\n    show: boolean;\n}\nexport const GroupOperationLabel = ({ operation, show }: GroupOperationLabelProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <span\n            className={cn([\n                \"bg-neutral-base rounded-xxl px-md py-xs\",\n                \"w-[56px] h-[28px]\",\n                \"absolute -bottom-[15px] left-1/2 -ml-[46px] z-50\"\n            ])}\n        >\n            <Text size={\"sm\"}>{operation}</Text>\n        </span>\n    );\n};\n"],"names":["GroupOperationLabel","operation","show","cn","Text"],"mappings":";;AAOO,MAAMA,sBAAsB,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAA4B;IAC7E,IAAI,CAACA,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QACG,WAAWC,GAAG;YACV;YACA;YACA;SACH;qBAED,oBAACC,MAAIA;QAAC,MAAM;OAAOH;AAG/B"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/InputField.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FieldDTOWithElement } from "../../../domain";
+import type { FieldDTOWithElement } from "../../../../../components/AdvancedSearch/domain/index.js";
 interface InputFieldProps {
     field?: FieldDTOWithElement;
     name: string;

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/InputField.js

@@ -1,26 +1,17 @@
-import React from "react";
+import react from "react";
 import { Text } from "@webiny/admin-ui";
-import { InputFieldProvider } from "../../../..";
-export const InputField = ({
-  field,
-  name
-}) => {
-  if (!field) {
-    return null;
-  }
-  const {
-    element,
-    ...rest
-  } = field;
-  if (!element) {
-    return /*#__PURE__*/React.createElement(Text, {
-      size: "sm"
+import { InputFieldProvider } from "../../../../index.js";
+const InputField = ({ field, name })=>{
+    if (!field) return null;
+    const { element, ...rest } = field;
+    if (!element) return /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
     }, `Cannot render "${field.type}" field: missing field renderer.`);
-  }
-  return /*#__PURE__*/React.createElement(InputFieldProvider, {
-    field: rest,
-    name: name
-  }, element);
+    return /*#__PURE__*/ react.createElement(InputFieldProvider, {
+        field: rest,
+        name: name
+    }, element);
 };
+export { InputField };
 
 //# sourceMappingURL=InputField.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/InputField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","InputFieldProvider","InputField","field","name","element","rest","createElement","size","type"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { InputFieldProvider } from \"~/components\";\nimport type { FieldDTOWithElement } from \"~/components/AdvancedSearch/domain\";\n\ninterface InputFieldProps {\n    field?: FieldDTOWithElement;\n    name: string;\n}\n\nexport const InputField = ({ field, name }: InputFieldProps) => {\n    if (!field) {\n        return null;\n    }\n\n    const { element, ...rest } = field;\n\n    if (!element) {\n        return (\n            <Text\n                size={\"sm\"}\n            >{`Cannot render \"${field.type}\" field: missing field renderer.`}</Text>\n        );\n    }\n\n    return (\n        <InputFieldProvider field={rest} name={name}>\n            {element}\n        </InputFieldProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,kBAAkB;AAQ3B,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EAC5D,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EAEA,MAAM;IAAEE,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAElC,IAAI,CAACE,OAAO,EAAE;IACV,oBACIN,KAAA,CAAAQ,aAAA,CAACP,IAAI;MACDQ,IAAI,EAAE;IAAK,GACb,kBAAkBL,KAAK,CAACM,IAAI,kCAAyC,CAAC;EAEhF;EAEA,oBACIV,KAAA,CAAAQ,aAAA,CAACN,kBAAkB;IAACE,KAAK,EAAEG,IAAK;IAACF,IAAI,EAAEA;EAAK,GACvCC,OACe,CAAC;AAE7B,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/InputField.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { InputFieldProvider } from \"~/components/index.js\";\nimport type { FieldDTOWithElement } from \"~/components/AdvancedSearch/domain/index.js\";\n\ninterface InputFieldProps {\n    field?: FieldDTOWithElement;\n    name: string;\n}\n\nexport const InputField = ({ field, name }: InputFieldProps) => {\n    if (!field) {\n        return null;\n    }\n\n    const { element, ...rest } = field;\n\n    if (!element) {\n        return (\n            <Text\n                size={\"sm\"}\n            >{`Cannot render \"${field.type}\" field: missing field renderer.`}</Text>\n        );\n    }\n\n    return (\n        <InputFieldProvider field={rest} name={name}>\n            {element}\n        </InputFieldProvider>\n    );\n};\n"],"names":["InputField","field","name","element","rest","Text","InputFieldProvider"],"mappings":";;;AAUO,MAAMA,aAAa,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAmB;IACvD,IAAI,CAACD,OACD,OAAO;IAGX,MAAM,EAAEE,OAAO,EAAE,GAAGC,MAAM,GAAGH;IAE7B,IAAI,CAACE,SACD,OAAO,WAAP,GACI,oBAACE,MAAIA;QACD,MAAM;OACR,CAAC,eAAe,EAAEJ,MAAM,IAAI,CAAC,gCAAgC,CAAC;IAIxE,OAAO,WAAP,GACI,oBAACK,oBAAkBA;QAAC,OAAOF;QAAM,MAAMF;OAClCC;AAGb"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/OperationSelector.js

@@ -1,31 +1,21 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { Switch } from "@webiny/admin-ui";
-import { Operation } from "../../../domain";
-export const OperationSelector = ({
-  label,
-  name
-}) => {
-  const getValue = value => {
-    return value === Operation.AND;
-  };
-  const setValue = value => {
-    if (value) {
-      return Operation.AND;
-    } else {
-      return Operation.OR;
-    }
-  };
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: name
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(Switch, {
-    label: label,
-    checked: getValue(value),
-    onChange: value => onChange(setValue(value))
-  }));
+import { Operation } from "../../../domain/index.js";
+const OperationSelector = ({ label, name })=>{
+    const getValue = (value)=>value === Operation.AND;
+    const setValue = (value)=>{
+        if (value) return Operation.AND;
+        return Operation.OR;
+    };
+    return /*#__PURE__*/ react.createElement(Bind, {
+        name: name
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Switch, {
+            label: label,
+            checked: getValue(value),
+            onChange: (value)=>onChange(setValue(value))
+        }));
 };
+export { OperationSelector };
 
 //# sourceMappingURL=OperationSelector.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/OperationSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","Switch","Operation","OperationSelector","label","name","getValue","value","AND","setValue","OR","createElement","onChange","checked"],"sources":["OperationSelector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { Operation } from \"~/components/AdvancedSearch/domain\";\n\ninterface OperationSelectorProps {\n    label: string;\n    name: string;\n}\n\nexport const OperationSelector = ({ label, name }: OperationSelectorProps) => {\n    const getValue = (value: Operation): boolean => {\n        return value === Operation.AND;\n    };\n\n    const setValue = (value: boolean): Operation => {\n        if (value) {\n            return Operation.AND;\n        } else {\n            return Operation.OR;\n        }\n    };\n\n    return (\n        <Bind name={name}>\n            {({ value, onChange }) => (\n                <Switch\n                    label={label}\n                    checked={getValue(value)}\n                    onChange={value => onChange(setValue(value))}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS;AAOlB,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EAC1E,MAAMC,QAAQ,GAAIC,KAAgB,IAAc;IAC5C,OAAOA,KAAK,KAAKL,SAAS,CAACM,GAAG;EAClC,CAAC;EAED,MAAMC,QAAQ,GAAIF,KAAc,IAAgB;IAC5C,IAAIA,KAAK,EAAE;MACP,OAAOL,SAAS,CAACM,GAAG;IACxB,CAAC,MAAM;MACH,OAAON,SAAS,CAACQ,EAAE;IACvB;EACJ,CAAC;EAED,oBACIX,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACK,IAAI,EAAEA;EAAK,GACZ,CAAC;IAAEE,KAAK;IAAEK;EAAS,CAAC,kBACjBb,KAAA,CAAAY,aAAA,CAACV,MAAM;IACHG,KAAK,EAAEA,KAAM;IACbS,OAAO,EAAEP,QAAQ,CAACC,KAAK,CAAE;IACzBK,QAAQ,EAAEL,KAAK,IAAIK,QAAQ,CAACH,QAAQ,CAACF,KAAK,CAAC;EAAE,CAChD,CAEH,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/OperationSelector.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/OperationSelector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { Operation } from \"~/components/AdvancedSearch/domain/index.js\";\n\ninterface OperationSelectorProps {\n    label: string;\n    name: string;\n}\n\nexport const OperationSelector = ({ label, name }: OperationSelectorProps) => {\n    const getValue = (value: Operation): boolean => {\n        return value === Operation.AND;\n    };\n\n    const setValue = (value: boolean): Operation => {\n        if (value) {\n            return Operation.AND;\n        } else {\n            return Operation.OR;\n        }\n    };\n\n    return (\n        <Bind name={name}>\n            {({ value, onChange }) => (\n                <Switch\n                    label={label}\n                    checked={getValue(value)}\n                    onChange={value => onChange(setValue(value))}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"names":["OperationSelector","label","name","getValue","value","Operation","setValue","Bind","onChange","Switch"],"mappings":";;;;AAWO,MAAMA,oBAAoB,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAA0B;IACrE,MAAMC,WAAW,CAACC,QACPA,UAAUC,UAAU,GAAG;IAGlC,MAAMC,WAAW,CAACF;QACd,IAAIA,OACA,OAAOC,UAAU,GAAG;QAEpB,OAAOA,UAAU,EAAE;IAE3B;IAEA,OAAO,WAAP,GACI,oBAACE,MAAIA;QAAC,MAAML;OACP,CAAC,EAAEE,KAAK,EAAEI,QAAQ,EAAE,iBACjB,oBAACC,QAAMA;YACH,OAAOR;YACP,SAASE,SAASC;YAClB,UAAUA,CAAAA,QAASI,SAASF,SAASF;;AAKzD"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddFilter.js

@@ -1,20 +1,17 @@
-import React from "react";
-import { ReactComponent as AddIcon } from "@webiny/icons/add_circle_outline.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/add_circle_outline.svg";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
-export const AddFilter = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-md wby-text-center"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: "Add new condition",
-    side: "bottom",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null),
-      onClick: onClick,
-      variant: "ghost"
-    })
-  }));
-};
+const AddFilter = ({ onClick })=>/*#__PURE__*/ react.createElement("div", {
+        className: "my-md text-center"
+    }, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Add new condition",
+        side: "bottom",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: onClick,
+            variant: "ghost"
+        })
+    }));
+export { AddFilter };
 
 //# sourceMappingURL=AddFilter.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AddIcon","IconButton","Tooltip","AddFilter","onClick","createElement","className","content","side","trigger","icon","variant"],"sources":["AddFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface AddFilterProps {\n    onClick: () => void;\n}\n\nexport const AddFilter = ({ onClick }: AddFilterProps) => {\n    return (\n        <div className={\"wby-my-md wby-text-center\"}>\n            <Tooltip\n                content={\"Add new condition\"}\n                side={\"bottom\"}\n                trigger={<IconButton icon={<AddIcon />} onClick={onClick} variant={\"ghost\"} />}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,sCAAsC;AAChF,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAMtD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACtD,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxCR,KAAA,CAAAO,aAAA,CAACH,OAAO;IACJK,OAAO,EAAE,mBAAoB;IAC7BC,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEX,KAAA,CAAAO,aAAA,CAACJ,UAAU;MAACS,IAAI,eAAEZ,KAAA,CAAAO,aAAA,CAACL,OAAO,MAAE,CAAE;MAACI,OAAO,EAAEA,OAAQ;MAACO,OAAO,EAAE;IAAQ,CAAE;EAAE,CAClF,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddFilter.js","sources":["../../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface AddFilterProps {\n    onClick: () => void;\n}\n\nexport const AddFilter = ({ onClick }: AddFilterProps) => {\n    return (\n        <div className={\"my-md text-center\"}>\n            <Tooltip\n                content={\"Add new condition\"}\n                side={\"bottom\"}\n                trigger={<IconButton icon={<AddIcon />} onClick={onClick} variant={\"ghost\"} />}\n            />\n        </div>\n    );\n};\n"],"names":["AddFilter","onClick","Tooltip","IconButton","AddIcon"],"mappings":";;;AAQO,MAAMA,YAAY,CAAC,EAAEC,OAAO,EAAkB,GAC1C,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QACJ,SAAS;QACT,MAAM;QACN,uBAAS,oBAACC,YAAUA;YAAC,oBAAM,oBAACC,gBAAOA;YAAK,SAASH;YAAS,SAAS"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddGroup.js

@@ -1,17 +1,14 @@
-import React from "react";
+import react from "react";
 import { Button } from "@webiny/admin-ui";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-export const AddGroup = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mt-lg wby-text-center"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClick,
-    text: "Add new filter group",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null),
-    variant: "secondary"
-  }));
-};
+import { ReactComponent } from "@webiny/icons/add.svg";
+const AddGroup = ({ onClick })=>/*#__PURE__*/ react.createElement("div", {
+        className: "mt-lg text-center"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        text: "Add new filter group",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "secondary"
+    }));
+export { AddGroup };
 
 //# sourceMappingURL=AddGroup.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","ReactComponent","AddIcon","AddGroup","onClick","createElement","className","text","icon","variant"],"sources":["AddGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface AddGroupProps {\n    onClick: () => void;\n}\n\nexport const AddGroup = ({ onClick }: AddGroupProps) => {\n    return (\n        <div className={\"wby-mt-lg wby-text-center\"}>\n            <Button\n                onClick={onClick}\n                text={\"Add new filter group\"}\n                icon={<AddIcon />}\n                variant={\"secondary\"}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAMjE,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACpD,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxCP,KAAA,CAAAM,aAAA,CAACL,MAAM;IACHI,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAE,sBAAuB;IAC7BC,IAAI,eAAET,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE,CAAE;IAClBO,OAAO,EAAE;EAAY,CACxB,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddGroup.js","sources":["../../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface AddGroupProps {\n    onClick: () => void;\n}\n\nexport const AddGroup = ({ onClick }: AddGroupProps) => {\n    return (\n        <div className={\"mt-lg text-center\"}>\n            <Button\n                onClick={onClick}\n                text={\"Add new filter group\"}\n                icon={<AddIcon />}\n                variant={\"secondary\"}\n            />\n        </div>\n    );\n};\n"],"names":["AddGroup","onClick","Button","AddIcon"],"mappings":";;;AAQO,MAAMA,WAAW,CAAC,EAAEC,OAAO,EAAiB,GACxC,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,SAASD;QACT,MAAM;QACN,oBAAM,oBAACE,gBAAOA;QACd,SAAS"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/RemoveFilter.js

@@ -1,21 +1,17 @@
-import React from "react";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
-export const RemoveFilter = ({
-  onClick,
-  disabled
-}) => {
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: "Remove filter",
-    side: "bottom",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-      onClick: onClick,
-      variant: "ghost",
-      size: "lg",
-      disabled: disabled
-    })
-  });
-};
+const RemoveFilter = ({ onClick, disabled })=>/*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Remove filter",
+        side: "bottom",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: onClick,
+            variant: "ghost",
+            size: "lg",
+            disabled: disabled
+        })
+    });
+export { RemoveFilter };
 
 //# sourceMappingURL=RemoveFilter.js.map