@webiny/app-aco 5.37.8 → 5.38.0-beta.0

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/Querybuilder.styled.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="web" />
+import React from "react";
+interface CellInnerProps {
+    align: "left" | "center" | "right";
+}
+export declare const CellInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & CellInnerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccordionItemInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FilterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DetailsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FilterDetailsIcon: import("@emotion/styled").StyledComponent<React.SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FilterDetailsDetails: import("@emotion/styled").StyledComponent<import("@webiny/ui/Typography/Typography").TypographyProps & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FilterOperationContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GroupOperationLabelContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const FilterOperationLabelContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddFilterInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddGroupInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ButtonIcon: import("@emotion/styled").StyledComponent<React.SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+interface ContentProps {
+    children: React.ReactNode;
+}
+export declare const Content: {
+    ({ children }: ContentProps): JSX.Element;
+    Panel: ({ children }: PanelProps) => JSX.Element;
+};
+interface PanelProps {
+    children: React.ReactNode;
+}
+export {};

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/Querybuilder.styled.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupOperationLabelContainer = exports.FilterOperationLabelContainer = exports.FilterOperationContainer = exports.FilterDetailsIcon = exports.FilterDetailsDetails = exports.FilterContainer = exports.DetailsContainer = exports.Content = exports.CellInner = exports.ButtonIcon = exports.AddGroupInner = exports.AddFilterInner = exports.AccordionItemInner = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _add = require("@material-design-icons/svg/round/add.svg");
+var _saved_search = require("@material-design-icons/svg/outlined/saved_search.svg");
+var _Typography = require("@webiny/ui/Typography");
+var CellInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "CellInner",
+  target: "ea16mwj0"
+})("text-align:", function (props) {
+  return props.align || "left";
+}, ";");
+exports.CellInner = CellInner;
+var AccordionItemInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "AccordionItemInner",
+  target: "ea16mwj1"
+})("position:relative;");
+exports.AccordionItemInner = AccordionItemInner;
+var FilterContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FilterContainer",
+  target: "ea16mwj2"
+})(".mdc-layout-grid{padding:4px;}");
+exports.FilterContainer = FilterContainer;
+var DetailsContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "DetailsContainer",
+  target: "ea16mwj3"
+})("margin-bottom:24px;");
+exports.DetailsContainer = DetailsContainer;
+var FilterDetailsIcon = /*#__PURE__*/(0, _styled.default)(_saved_search.ReactComponent, {
+  label: "FilterDetailsIcon",
+  target: "ea16mwj4"
+})("width:48px;height:auto;fill:var(--mdc-theme-text-icon-on-background);");
+exports.FilterDetailsIcon = FilterDetailsIcon;
+var FilterDetailsDetails = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
+  label: "FilterDetailsDetails",
+  target: "ea16mwj5"
+})("overflow:hidden;text-overflow:ellipsis;white-space:nowrap;");
+exports.FilterDetailsDetails = FilterDetailsDetails;
+var FilterOperationContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FilterOperationContainer",
+  target: "ea16mwj6"
+})("margin-right:8px;");
+exports.FilterOperationContainer = FilterOperationContainer;
+var GroupOperationLabelContainer = /*#__PURE__*/(0, _styled.default)("span", {
+  label: "GroupOperationLabelContainer",
+  target: "ea16mwj7"
+})("background:#fff;border:1px solid var(--mdc-theme-background);border-radius:24px;width:56px;height:28px;line-height:28px;position:absolute;bottom:-13px;left:50%;margin-left:-28px;z-index:10;text-align:center;");
+exports.GroupOperationLabelContainer = GroupOperationLabelContainer;
+var FilterOperationLabelContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FilterOperationLabelContainer",
+  target: "ea16mwj8"
+})("padding:12px 0;text-align:center;");
+exports.FilterOperationLabelContainer = FilterOperationLabelContainer;
+var AddFilterInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "AddFilterInner",
+  target: "ea16mwj9"
+})("padding:16px 0 16px;text-align:center;");
+exports.AddFilterInner = AddFilterInner;
+var AddGroupInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "AddGroupInner",
+  target: "ea16mwj10"
+})("padding:24px 0 0;text-align:center;");
+exports.AddGroupInner = AddGroupInner;
+var ButtonIcon = /*#__PURE__*/(0, _styled.default)(_add.ReactComponent, {
+  label: "ButtonIcon",
+  target: "ea16mwj11"
+})("fill:var(--mdc-theme-primary);width:18px;margin-right:8px;");
+exports.ButtonIcon = ButtonIcon;
+var Horizontal = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Horizontal",
+  target: "ea16mwj12"
+})("display:flex;height:calc(100vh - 166px);");
+var Grow = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Grow",
+  target: "ea16mwj13"
+})("flex:1;overflow:scroll;padding:24px;");
+var Content = function Content(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(Horizontal, null, children);
+};
+exports.Content = Content;
+var Panel = function Panel(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(Grow, {
+    "data-role": "panel"
+  }, children);
+};
+Content.Panel = Panel;
+
+//# sourceMappingURL=Querybuilder.styled.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/Querybuilder.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_add","_saved_search","_Typography","CellInner","styled","label","target","props","align","exports","AccordionItemInner","FilterContainer","DetailsContainer","FilterDetailsIcon","SavedSearchIcon","FilterDetailsDetails","Typography","FilterOperationContainer","GroupOperationLabelContainer","FilterOperationLabelContainer","AddFilterInner","AddGroupInner","ButtonIcon","AddIcon","Horizontal","Grow","Content","_ref","children","default","createElement","Panel","_ref2"],"sources":["Querybuilder.styled.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add.svg\";\nimport { ReactComponent as SavedSearchIcon } from \"@material-design-icons/svg/outlined/saved_search.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\ninterface CellInnerProps {\n    align: \"left\" | \"center\" | \"right\";\n}\n\nexport const CellInner = styled(`div`)<CellInnerProps>`\n    text-align: ${props => props.align || \"left\"};\n`;\n\nexport const AccordionItemInner = styled.div`\n    position: relative;\n`;\n\nexport const FilterContainer = styled.div`\n    .mdc-layout-grid {\n        padding: 4px;\n    }\n`;\n\nexport const DetailsContainer = styled.div`\n    margin-bottom: 24px;\n`;\n\nexport const FilterDetailsIcon = styled(SavedSearchIcon)`\n    width: 48px;\n    height: auto;\n    fill: var(--mdc-theme-text-icon-on-background);\n`;\n\nexport const FilterDetailsDetails = styled(Typography)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nexport const FilterOperationContainer = styled.div`\n    margin-right: 8px;\n`;\n\nexport const GroupOperationLabelContainer = styled.span`\n    background: #fff;\n    border: 1px solid var(--mdc-theme-background);\n    border-radius: 24px;\n    width: 56px;\n    height: 28px;\n    line-height: 28px;\n    position: absolute;\n    bottom: -13px;\n    left: 50%;\n    margin-left: -28px;\n    z-index: 10;\n    text-align: center;\n`;\n\nexport const FilterOperationLabelContainer = styled.div`\n    padding: 12px 0;\n    text-align: center;\n`;\n\nexport const AddFilterInner = styled.div`\n    padding: 16px 0 16px;\n    text-align: center;\n`;\n\nexport const AddGroupInner = styled.div`\n    padding: 24px 0 0;\n    text-align: center;\n`;\n\nexport const ButtonIcon = styled(AddIcon)`\n    fill: var(--mdc-theme-primary);\n    width: 18px;\n    margin-right: 8px;\n`;\n\nconst Horizontal = styled.div`\n    display: flex;\n    height: calc(100vh - 166px);\n`;\n\nconst Grow = styled.div`\n    flex: 1;\n    overflow: scroll;\n    padding: 24px;\n`;\n\ninterface ContentProps {\n    children: React.ReactNode;\n}\n\nexport const Content = ({ children }: ContentProps) => {\n    return <Horizontal>{children}</Horizontal>;\n};\n\ninterface PanelProps {\n    children: React.ReactNode;\n}\n\nconst Panel = ({ children }: PanelProps) => {\n    return <Grow data-role={\"panel\"}>{children}</Grow>;\n};\n\nContent.Panel = Panel;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAMO,IAAMK,SAAS,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,kBACb,UAAAC,KAAK;EAAA,OAAIA,KAAK,CAACC,KAAK,IAAI,MAAM;AAAA,OAC/C;AAACC,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEK,IAAMO,kBAAkB,oBAAGN,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,wBAEvC;AAACG,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEK,IAAMC,eAAe,oBAAGP,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,oCAIpC;AAACG,OAAA,CAAAE,eAAA,GAAAA,eAAA;AAEK,IAAMC,gBAAgB,oBAAGR,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,yBAErC;AAACG,OAAA,CAAAG,gBAAA,GAAAA,gBAAA;AAEK,IAAMC,iBAAiB,oBAAGT,eAAM,EAACU,4BAAe;EAAAT,KAAA;EAAAC,MAAA;AAAA,2EAItD;AAACG,OAAA,CAAAI,iBAAA,GAAAA,iBAAA;AAEK,IAAME,oBAAoB,oBAAGX,eAAM,EAACY,sBAAU;EAAAX,KAAA;EAAAC,MAAA;AAAA,gEAIpD;AAACG,OAAA,CAAAM,oBAAA,GAAAA,oBAAA;AAEK,IAAME,wBAAwB,oBAAGb,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,uBAE7C;AAACG,OAAA,CAAAQ,wBAAA,GAAAA,wBAAA;AAEK,IAAMC,4BAA4B,oBAAGd,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,qNAajD;AAACG,OAAA,CAAAS,4BAAA,GAAAA,4BAAA;AAEK,IAAMC,6BAA6B,oBAAGf,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,uCAGlD;AAACG,OAAA,CAAAU,6BAAA,GAAAA,6BAAA;AAEK,IAAMC,cAAc,oBAAGhB,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,4CAGnC;AAACG,OAAA,CAAAW,cAAA,GAAAA,cAAA;AAEK,IAAMC,aAAa,oBAAGjB,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,yCAGlC;AAACG,OAAA,CAAAY,aAAA,GAAAA,aAAA;AAEK,IAAMC,UAAU,oBAAGlB,eAAM,EAACmB,mBAAO;EAAAlB,KAAA;EAAAC,MAAA;AAAA,gEAIvC;AAACG,OAAA,CAAAa,UAAA,GAAAA,UAAA;AAEF,IAAME,UAAU,oBAAGpB,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,8CAGxB;AAED,IAAMmB,IAAI,oBAAGrB,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,0CAIlB;AAMM,IAAMoB,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAmC;EAAA,IAA7BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC9B,oBAAOhC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACN,UAAU,QAAEI,QAAqB,CAAC;AAC9C,CAAC;AAACnB,OAAA,CAAAiB,OAAA,GAAAA,OAAA;AAMF,IAAMK,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA,EAAiC;EAAA,IAA3BJ,QAAQ,GAAAI,KAAA,CAARJ,QAAQ;EACrB,oBAAOhC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACL,IAAI;IAAC,aAAW;EAAQ,GAAEG,QAAe,CAAC;AACtD,CAAC;AAEDF,OAAO,CAACK,KAAK,GAAGA,KAAK"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface DetailsProps {
+    name: string;
+    description?: string;
+}
+export declare const Details: (props: DetailsProps) => JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Details = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Elevation = require("@webiny/ui/Elevation");
+var _Grid = require("@webiny/ui/Grid");
+var _OperationSelector = require("./OperationSelector");
+var _Querybuilder = require("../Querybuilder.styled");
+var Details = function Details(props) {
+  return /*#__PURE__*/_react.default.createElement(_Querybuilder.DetailsContainer, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+    z: 0
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 1,
+    align: "middle"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "center"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.FilterDetailsIcon, null))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 8,
+    align: "middle"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "left"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.FilterDetailsDetails, {
+    use: "headline5",
+    tag: "h3"
+  }, props.name), props.description && /*#__PURE__*/_react.default.createElement(_Querybuilder.FilterDetailsDetails, {
+    use: "body1",
+    tag: "p"
+  }, props.description))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 3,
+    align: "middle"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "right"
+  }, /*#__PURE__*/_react.default.createElement(_OperationSelector.OperationSelector, {
+    name: "operation",
+    label: "Match all filter groups"
+  }))))));
+};
+exports.Details = Details;
+
+//# sourceMappingURL=Details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Elevation","_Grid","_OperationSelector","_Querybuilder","Details","props","default","createElement","DetailsContainer","Elevation","z","Grid","Cell","span","align","CellInner","FilterDetailsIcon","FilterDetailsDetails","use","tag","name","description","OperationSelector","label","exports"],"sources":["Details.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\n\nimport { OperationSelector } from \"./OperationSelector\";\n\nimport {\n    CellInner,\n    DetailsContainer,\n    FilterDetailsDetails,\n    FilterDetailsIcon\n} from \"../Querybuilder.styled\";\n\nexport interface DetailsProps {\n    name: string;\n    description?: string;\n}\n\nexport const Details = (props: DetailsProps) => {\n    return (\n        <DetailsContainer>\n            <Elevation z={0}>\n                <Grid>\n                    <Cell span={1} align={\"middle\"}>\n                        <CellInner align={\"center\"}>\n                            <FilterDetailsIcon />\n                        </CellInner>\n                    </Cell>\n                    <Cell span={8} align={\"middle\"}>\n                        <CellInner align={\"left\"}>\n                            <FilterDetailsDetails use={\"headline5\"} tag={\"h3\"}>\n                                {props.name}\n                            </FilterDetailsDetails>\n                            {props.description && (\n                                <FilterDetailsDetails use={\"body1\"} tag={\"p\"}>\n                                    {props.description}\n                                </FilterDetailsDetails>\n                            )}\n                        </CellInner>\n                    </Cell>\n                    <Cell span={3} align={\"middle\"}>\n                        <CellInner align={\"right\"}>\n                            <OperationSelector\n                                name={\"operation\"}\n                                label={\"Match all filter groups\"}\n                            />\n                        </CellInner>\n                    </Cell>\n                </Grid>\n            </Elevation>\n        </DetailsContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAYO,IAAMK,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;EAC5C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAK,gBAAgB,qBACbX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,UAAA,CAAAS,SAAS;IAACC,CAAC,EAAE;EAAE,gBACZb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAU,IAAI,qBACDd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAW,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,KAAK,EAAE;EAAS,gBAC3BjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAY,SAAS;IAACD,KAAK,EAAE;EAAS,gBACvBjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAa,iBAAiB,MAAE,CACb,CACT,CAAC,eACPnB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAW,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,KAAK,EAAE;EAAS,gBAC3BjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAY,SAAS;IAACD,KAAK,EAAE;EAAO,gBACrBjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAc,oBAAoB;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GAC7Cd,KAAK,CAACe,IACW,CAAC,EACtBf,KAAK,CAACgB,WAAW,iBACdxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAc,oBAAoB;IAACC,GAAG,EAAE,OAAQ;IAACC,GAAG,EAAE;EAAI,GACxCd,KAAK,CAACgB,WACW,CAEnB,CACT,CAAC,eACPxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAW,IAAI;IAACC,IAAI,EAAE,CAAE;IAACC,KAAK,EAAE;EAAS,gBAC3BjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,aAAA,CAAAY,SAAS;IAACD,KAAK,EAAE;EAAQ,gBACtBjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,kBAAA,CAAAoB,iBAAiB;IACdF,IAAI,EAAE,WAAY;IAClBG,KAAK,EAAE;EAA0B,CACpC,CACM,CACT,CACJ,CACC,CACG,CAAC;AAE3B,CAAC;AAACC,OAAA,CAAApB,OAAA,GAAAA,OAAA"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FieldDTO, FilterGroupFilterDTO } from "../../../domain";
+interface FilterProps {
+    name: string;
+    filter: FilterGroupFilterDTO & {
+        canDelete: boolean;
+    };
+    fields: FieldDTO[];
+    onDelete: () => void;
+    onFieldSelectChange: (data: string) => void;
+}
+export declare const Filter: ({ name, onDelete, onFieldSelectChange, fields, filter }: FilterProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+var _Grid = require("@webiny/ui/Grid");
+var _Select = require("@webiny/ui/Select");
+var _InputField = require("./InputField");
+var _controls = require("./controls");
+var _Querybuilder = require("../Querybuilder.styled");
+var Filter = function Filter(_ref) {
+  var name = _ref.name,
+    onDelete = _ref.onDelete,
+    onFieldSelectChange = _ref.onFieldSelectChange,
+    fields = _ref.fields,
+    filter = _ref.filter;
+  return /*#__PURE__*/_react.default.createElement(_Querybuilder.FilterContainer, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 4
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "left"
+  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "".concat(name, ".field")
+  }, function (_ref2) {
+    var value = _ref2.value,
+      validation = _ref2.validation;
+    var options = fields.map(function (field) {
+      return {
+        id: field.value,
+        name: field.label
+      };
+    });
+    return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
+      label: "Field",
+      options: options,
+      value: options.find(function (option) {
+        return option.id === value;
+      }),
+      onChange: function onChange(data) {
+        return onFieldSelectChange(data);
+      },
+      validation: validation
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 3
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "left"
+  }, filter.field && /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "".concat(name, ".condition")
+  }, function (_ref3) {
+    var _fields$find;
+    var value = _ref3.value,
+      onChange = _ref3.onChange,
+      validation = _ref3.validation;
+    return /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: "Condition",
+      options: ((_fields$find = fields.find(function (field) {
+        return field.value === filter.field;
+      })) === null || _fields$find === void 0 ? void 0 : _fields$find.conditions) || [],
+      value: value,
+      onChange: onChange,
+      validation: validation
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 4,
+    align: "middle"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "left"
+  }, filter.condition && /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    name: "".concat(name, ".value"),
+    field: fields.find(function (field) {
+      return field.value === filter.field;
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 1,
+    align: "middle"
+  }, /*#__PURE__*/_react.default.createElement(_Querybuilder.CellInner, {
+    align: "center"
+  }, /*#__PURE__*/_react.default.createElement(_controls.RemoveFilter, {
+    onClick: onDelete,
+    disabled: !filter.canDelete
+  })))));
+};
+exports.Filter = Filter;
+
+//# sourceMappingURL=Filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_AutoComplete","_Grid","_Select","_InputField","_controls","_Querybuilder","Filter","_ref","name","onDelete","onFieldSelectChange","fields","filter","default","createElement","FilterContainer","Grid","Cell","span","CellInner","align","Bind","concat","_ref2","value","validation","options","map","field","id","label","AutoComplete","find","option","onChange","data","_ref3","_fields$find","Select","conditions","condition","InputField","RemoveFilter","onClick","disabled","canDelete","exports"],"sources":["Filter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\n\nimport { InputField } from \"./InputField\";\nimport { RemoveFilter } from \"./controls\";\n\nimport { FieldDTO, FilterGroupFilterDTO } from \"../../../domain\";\n\nimport { CellInner, FilterContainer } from \"../Querybuilder.styled\";\n\ninterface FilterProps {\n    name: string;\n    filter: FilterGroupFilterDTO & { canDelete: boolean };\n    fields: FieldDTO[];\n    onDelete: () => void;\n    onFieldSelectChange: (data: string) => void;\n}\n\nexport const Filter = ({ name, onDelete, onFieldSelectChange, fields, filter }: FilterProps) => {\n    return (\n        <FilterContainer>\n            <Grid>\n                <Cell span={4}>\n                    <CellInner align={\"left\"}>\n                        <Bind name={`${name}.field`}>\n                            {({ value, validation }) => {\n                                const options = fields.map(field => ({\n                                    id: field.value,\n                                    name: field.label\n                                }));\n\n                                return (\n                                    <AutoComplete\n                                        label={\"Field\"}\n                                        options={options}\n                                        value={options.find(option => option.id === value)}\n                                        onChange={data => onFieldSelectChange(data)}\n                                        validation={validation}\n                                    />\n                                );\n                            }}\n                        </Bind>\n                    </CellInner>\n                </Cell>\n                <Cell span={3}>\n                    <CellInner align={\"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                                    />\n                                )}\n                            </Bind>\n                        )}\n                    </CellInner>\n                </Cell>\n                <Cell span={4} align={\"middle\"}>\n                    <CellInner align={\"left\"}>\n                        {filter.condition && (\n                            <InputField\n                                name={`${name}.value`}\n                                field={fields.find(field => field.value === filter.field)}\n                            />\n                        )}\n                    </CellInner>\n                </Cell>\n                <Cell span={1} align={\"middle\"}>\n                    <CellInner align={\"center\"}>\n                        <RemoveFilter onClick={onDelete} disabled={!filter.canDelete} />\n                    </CellInner>\n                </Cell>\n            </Grid>\n        </FilterContainer>\n    );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface FilterOperationLabelProps {
+    operation: string;
+    show: boolean;
+}
+export declare const FilterOperationLabel: ({ operation, show }: FilterOperationLabelProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterOperationLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typography = require("@webiny/ui/Typography");
+var _Querybuilder = require("../Querybuilder.styled");
+var FilterOperationLabel = function FilterOperationLabel(_ref) {
+  var operation = _ref.operation,
+    show = _ref.show;
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Querybuilder.FilterOperationLabelContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "caption"
+  }, operation));
+};
+exports.FilterOperationLabel = FilterOperationLabel;
+
+//# sourceMappingURL=FilterOperationLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_Querybuilder","FilterOperationLabel","_ref","operation","show","default","createElement","FilterOperationLabelContainer","Typography","use","exports"],"sources":["FilterOperationLabel.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { FilterOperationLabelContainer } from \"../Querybuilder.styled\";\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        <FilterOperationLabelContainer>\n            <Typography use={\"caption\"}>{operation}</Typography>\n        </FilterOperationLabelContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAMO,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAuD;EAAA,IAAjDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAClD,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,6BAA6B,qBAC1BX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAS,UAAU;IAACC,GAAG,EAAE;EAAU,GAAEN,SAAsB,CACxB,CAAC;AAExC,CAAC;AAACO,OAAA,CAAAT,oBAAA,GAAAA,oBAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface GroupOperationLabelProps {
+    operation: string;
+    show: boolean;
+}
+export declare const GroupOperationLabel: ({ operation, show }: GroupOperationLabelProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupOperationLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typography = require("@webiny/ui/Typography");
+var _Querybuilder = require("../Querybuilder.styled");
+var GroupOperationLabel = function GroupOperationLabel(_ref) {
+  var operation = _ref.operation,
+    show = _ref.show;
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Querybuilder.GroupOperationLabelContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "subtitle2"
+  }, operation));
+};
+exports.GroupOperationLabel = GroupOperationLabel;
+
+//# sourceMappingURL=GroupOperationLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_Querybuilder","GroupOperationLabel","_ref","operation","show","default","createElement","GroupOperationLabelContainer","Typography","use","exports"],"sources":["GroupOperationLabel.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { GroupOperationLabelContainer } from \"../Querybuilder.styled\";\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        <GroupOperationLabelContainer>\n            <Typography use={\"subtitle2\"}>{operation}</Typography>\n        </GroupOperationLabelContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAMO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EACjD,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,4BAA4B,qBACzBX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAS,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEN,SAAsB,CAC3B,CAAC;AAEvC,CAAC;AAACO,OAAA,CAAAT,mBAAA,GAAAA,mBAAA"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { FieldDTO } from "../../../domain";
+interface InputFieldProps {
+    field?: FieldDTO;
+    name: string;
+}
+export declare const InputField: React.VFC<InputFieldProps>;
+export {};

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputField = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _fields = require("./fields");
+var _domain = require("../../../domain");
+var InputField = function InputField(_ref) {
+  var field = _ref.field,
+    name = _ref.name;
+  if (!field) {
+    return null;
+  }
+  switch (field.type) {
+    case _domain.FieldType.BOOLEAN:
+      return /*#__PURE__*/_react.default.createElement(_fields.Boolean, {
+        name: name
+      });
+    case _domain.FieldType.DATETIME_WITH_TIMEZONE:
+      return /*#__PURE__*/_react.default.createElement(_fields.DateWithTimezone, {
+        name: name
+      });
+    case _domain.FieldType.DATETIME_WITHOUT_TIMEZONE:
+      return /*#__PURE__*/_react.default.createElement(_fields.DateWithoutTimezone, {
+        name: name
+      });
+    case _domain.FieldType.MULTIPLE_VALUES:
+      return /*#__PURE__*/_react.default.createElement(_fields.MultipleValues, {
+        predefined: field.predefined,
+        name: name
+      });
+    default:
+      return /*#__PURE__*/_react.default.createElement(_fields.Input, {
+        name: name,
+        type: field.type
+      });
+  }
+};
+exports.InputField = InputField;
+
+//# sourceMappingURL=InputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_fields","_domain","InputField","_ref","field","name","type","FieldType","BOOLEAN","default","createElement","Boolean","DATETIME_WITH_TIMEZONE","DateWithTimezone","DATETIME_WITHOUT_TIMEZONE","DateWithoutTimezone","MULTIPLE_VALUES","MultipleValues","predefined","Input","exports"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Boolean, DateWithoutTimezone, DateWithTimezone, Input, MultipleValues } from \"./fields\";\n\nimport { FieldDTO, FieldType } from \"~/components/AdvancedSearch/domain\";\n\ninterface InputFieldProps {\n    field?: FieldDTO;\n    name: string;\n}\n\nexport const InputField: React.VFC<InputFieldProps> = ({ field, name }) => {\n    if (!field) {\n        return null;\n    }\n\n    switch (field.type) {\n        case FieldType.BOOLEAN:\n            return <Boolean name={name} />;\n        case FieldType.DATETIME_WITH_TIMEZONE:\n            return <DateWithTimezone name={name} />;\n        case FieldType.DATETIME_WITHOUT_TIMEZONE:\n            return <DateWithoutTimezone name={name} />;\n        case FieldType.MULTIPLE_VALUES:\n            return <MultipleValues predefined={field.predefined} name={name} />;\n        default:\n            return <Input name={name} type={field.type} />;\n    }\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAOO,IAAMG,UAAsC,GAAG,SAAzCA,UAAsCA,CAAAC,IAAA,EAAwB;EAAA,IAAlBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAChE,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EAEA,QAAQA,KAAK,CAACE,IAAI;IACd,KAAKC,iBAAS,CAACC,OAAO;MAClB,oBAAOX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,OAAO;QAACN,IAAI,EAAEA;MAAK,CAAE,CAAC;IAClC,KAAKE,iBAAS,CAACK,sBAAsB;MACjC,oBAAOf,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,gBAAgB;QAACR,IAAI,EAAEA;MAAK,CAAE,CAAC;IAC3C,KAAKE,iBAAS,CAACO,yBAAyB;MACpC,oBAAOjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAe,mBAAmB;QAACV,IAAI,EAAEA;MAAK,CAAE,CAAC;IAC9C,KAAKE,iBAAS,CAACS,eAAe;MAC1B,oBAAOnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAiB,cAAc;QAACC,UAAU,EAAEd,KAAK,CAACc,UAAW;QAACb,IAAI,EAAEA;MAAK,CAAE,CAAC;IACvE;MACI,oBAAOR,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAmB,KAAK;QAACd,IAAI,EAAEA,IAAK;QAACC,IAAI,EAAEF,KAAK,CAACE;MAAK,CAAE,CAAC;EACtD;AACJ,CAAC;AAACc,OAAA,CAAAlB,UAAA,GAAAA,UAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface OperationSelectorProps {
+    label: string;
+    name: string;
+}
+export declare const OperationSelector: ({ label, name }: OperationSelectorProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OperationSelector = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _Switch = require("@webiny/ui/Switch");
+var _domain = require("../../../domain");
+var OperationSelector = function OperationSelector(_ref) {
+  var label = _ref.label,
+    name = _ref.name;
+  var getValue = function getValue(value) {
+    return value === _domain.Operation.AND;
+  };
+  var setValue = function setValue(value) {
+    if (value) {
+      return _domain.Operation.AND;
+    } else {
+      return _domain.Operation.OR;
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: name
+  }, function (_ref2) {
+    var value = _ref2.value,
+      _onChange = _ref2.onChange;
+    return /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+      label: label,
+      value: getValue(value),
+      onChange: function onChange(value) {
+        return _onChange(setValue(value));
+      }
+    });
+  });
+};
+exports.OperationSelector = OperationSelector;
+
+//# sourceMappingURL=OperationSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Switch","_domain","OperationSelector","_ref","label","name","getValue","value","Operation","AND","setValue","OR","default","createElement","Bind","_ref2","onChange","Switch","exports"],"sources":["OperationSelector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Bind } from \"@webiny/form\";\nimport { Switch } from \"@webiny/ui/Switch\";\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                    value={getValue(value)}\n                    onChange={value => onChange(setValue(value))}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAOO,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAgD;EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAC3C,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAgB,EAAc;IAC5C,OAAOA,KAAK,KAAKC,iBAAS,CAACC,GAAG;EAClC,CAAC;EAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIH,KAAc,EAAgB;IAC5C,IAAIA,KAAK,EAAE;MACP,OAAOC,iBAAS,CAACC,GAAG;IACxB,CAAC,MAAM;MACH,OAAOD,iBAAS,CAACG,EAAE;IACvB;EACJ,CAAC;EAED,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAe,IAAI;IAACT,IAAI,EAAEA;EAAK,GACZ,UAAAU,KAAA;IAAA,IAAGR,KAAK,GAAAQ,KAAA,CAALR,KAAK;MAAES,SAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,oBACfpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAiB,MAAM;MACHb,KAAK,EAAEA,KAAM;MACbG,KAAK,EAAED,QAAQ,CAACC,KAAK,CAAE;MACvBS,QAAQ,EAAE,SAAAA,SAAAT,KAAK;QAAA,OAAIS,SAAQ,CAACN,QAAQ,CAACH,KAAK,CAAC,CAAC;MAAA;IAAC,CAChD,CAAC;EAAA,CAEJ,CAAC;AAEf,CAAC;AAACW,OAAA,CAAAhB,iBAAA,GAAAA,iBAAA"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddFilter.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface AddFilterProps {
+    onClick: () => void;
+}
+export declare const AddFilter: ({ onClick }: AddFilterProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddFilter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _add_circle_outline = require("@material-design-icons/svg/round/add_circle_outline.svg");
+var _Button = require("@webiny/ui/Button");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _Querybuilder = require("../../Querybuilder.styled");
+var AddFilter = function AddFilter(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Querybuilder.AddFilterInner, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: "Add new condition",
+    placement: "bottom"
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    label: "Add new condition",
+    icon: /*#__PURE__*/_react.default.createElement(_add_circle_outline.ReactComponent, null),
+    onClick: onClick
+  })));
+};
+exports.AddFilter = AddFilter;
+
+//# sourceMappingURL=AddFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_add_circle_outline","_Button","_Tooltip","_Querybuilder","AddFilter","_ref","onClick","default","createElement","AddFilterInner","Tooltip","content","placement","IconButton","label","icon","ReactComponent","exports"],"sources":["AddFilter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\nimport { AddFilterInner } from \"../../Querybuilder.styled\";\n\ninterface AddFilterProps {\n    onClick: () => void;\n}\n\nexport const AddFilter = ({ onClick }: AddFilterProps) => {\n    return (\n        <AddFilterInner>\n            <Tooltip content={\"Add new condition\"} placement={\"bottom\"}>\n                <IconButton label={\"Add new condition\"} icon={<AddIcon />} onClick={onClick} />\n            </Tooltip>\n        </AddFilterInner>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAMO,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC/B,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAM,cAAc,qBACXZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAQ,OAAO;IAACC,OAAO,EAAE,mBAAoB;IAACC,SAAS,EAAE;EAAS,gBACvDf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAY,UAAU;IAACC,KAAK,EAAE,mBAAoB;IAACC,IAAI,eAAElB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAgB,cAAO,MAAE,CAAE;IAACV,OAAO,EAAEA;EAAQ,CAAE,CACzE,CACG,CAAC;AAEzB,CAAC;AAACW,OAAA,CAAAb,SAAA,GAAAA,SAAA"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/controls/AddGroup.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface AddGroupProps {
+    onClick: () => void;
+}
+export declare const AddGroup: ({ onClick }: AddGroupProps) => JSX.Element;
+export {};