@webiny/app-website-builder 6.0.0-alpha.0

package/inputRenderers/LexicalInput/wbStaticToolbar.css

@@ -0,0 +1,264 @@
+.wb-static-toolbar {
+    display: flex;
+    position: relative;
+    padding: 4px;
+    vertical-align: middle;
+    border: 1px solid #eee;
+    will-change: transform;
+    background: #fff;
+    flex-wrap: wrap;
+    z-index: 1;
+}
+
+.wb-static-toolbar button.popup-item {
+    border: 0;
+    display: flex;
+    background: #fff;
+    border-radius: 10px;
+    padding: 8px;
+    cursor: pointer;
+    vertical-align: middle;
+}
+
+.wb-static-toolbar button.popup-item:disabled {
+    cursor: not-allowed;
+}
+
+.wb-static-toolbar button.popup-item.spaced {
+    margin-right: 2px;
+}
+
+.wb-static-toolbar button.popup-item i.format {
+    background-size: contain;
+    display: inline-block;
+    height: 18px;
+    width: 18px;
+    margin-top: 2px;
+    vertical-align: -0.25em;
+    display: flex;
+}
+
+.wb-static-toolbar button.popup-item:disabled i.format {
+    opacity: 0.2;
+}
+
+.wb-static-toolbar button.popup-item.active {
+    background-color: rgba(223, 232, 250, 0.3);
+}
+
+.wb-static-toolbar button.popup-item.active i {
+    opacity: 1;
+}
+
+.wb-static-toolbar .popup-item:hover:not([disabled]) {
+    background-color: #eee;
+}
+
+.wb-static-toolbar select.popup-item {
+    border: 0;
+    display: flex;
+    border-radius: 10px;
+    padding: 8px;
+    vertical-align: middle;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 70px;
+    font-size: 14px;
+    color: #777;
+    text-overflow: ellipsis;
+}
+
+.wb-static-toolbar select.code-language {
+    text-transform: capitalize;
+    width: 130px;
+}
+
+.wb-static-toolbar .popup-item .text {
+    display: flex;
+    line-height: 20px;
+    width: 200px;
+    vertical-align: middle;
+    font-size: 14px;
+    color: #777;
+    text-overflow: ellipsis;
+    width: 70px;
+    overflow: hidden;
+    height: 20px;
+    text-align: left;
+}
+
+.wb-static-toolbar .popup-item .icon {
+    display: flex;
+    width: 20px;
+    height: 20px;
+    user-select: none;
+    line-height: 16px;
+    background-size: contain;
+}
+
+.wb-static-toolbar i.chevron-down {
+    margin-top: 3px;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    user-select: none;
+}
+
+.wb-static-toolbar i.chevron-down.inside {
+    width: 16px;
+    height: 16px;
+    display: flex;
+    margin-left: -25px;
+    margin-top: 11px;
+    margin-right: 10px;
+    pointer-events: none;
+}
+
+.wb-static-toolbar .divider {
+    width: 1px;
+    background-color: #eee;
+    margin: 0 4px;
+}
+
+.wb-static-toolbar .icon.bullet-list,
+.wb-static-toolbar .icon.bullet {
+    background-image: url("./icons/list-ul.svg");
+}
+
+.wb-static-toolbar .icon.numbered-list,
+.wb-static-toolbar .icon.number {
+    background-image: url("./icons/list-ol.svg");
+}
+
+.wb-static-toolbar .link-editor .button.active,
+.wb-static-toolbar .button.active {
+    background-color: rgb(223, 232, 250);
+}
+
+.wb-static-toolbar button.toolbar-item {
+    border: 0;
+    display: flex;
+    background: none;
+    border-radius: 10px;
+    padding: 8px;
+    cursor: pointer;
+    vertical-align: middle;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.wb-static-toolbar button.toolbar-item:disabled {
+    cursor: not-allowed;
+}
+
+.wb-static-toolbar button.toolbar-item.spaced {
+    margin-right: 2px;
+}
+
+.wb-static-toolbar button.toolbar-item i.format {
+    background-size: contain;
+    display: inline-block;
+    height: 18px;
+    width: 18px;
+    vertical-align: -0.25em;
+    display: flex;
+    opacity: 0.6;
+}
+
+.wb-static-toolbar button.toolbar-item:disabled .icon,
+.wb-static-toolbar button.toolbar-item:disabled .text,
+.wb-static-toolbar button.toolbar-item:disabled i.format,
+.wb-static-toolbar button.toolbar-item:disabled .chevron-down {
+    opacity: 0.2;
+}
+
+.wb-static-toolbar button.toolbar-item.active {
+    background-color: rgba(223, 232, 250, 0.3);
+}
+
+.wb-static-toolbar button.toolbar-item.active i {
+    opacity: 1;
+}
+
+.wb-static-toolbar .toolbar-item:hover:not([disabled]) {
+    background-color: #eee;
+}
+
+.wb-static-toolbar .toolbar-item.font-family .text {
+    display: block;
+    max-width: 40px;
+}
+
+.wb-static-toolbar .code-language {
+    width: 150px;
+}
+
+.wb-static-toolbar .toolbar-item .text {
+    display: flex;
+    line-height: 20px;
+    vertical-align: middle;
+    font-size: 14px;
+    color: #777;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 20px;
+    text-align: left;
+    padding-right: 10px;
+}
+
+.wb-static-toolbar .toolbar-item .icon {
+    display: flex;
+    width: 20px;
+    height: 20px;
+    user-select: none;
+    margin-right: 8px;
+    line-height: 16px;
+    background-size: contain;
+}
+
+.wb-static-toolbar i.chevron-down {
+    margin-top: 3px;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    user-select: none;
+}
+
+.wb-static-toolbar i.chevron-down.inside {
+    width: 16px;
+    height: 16px;
+    display: flex;
+    margin-left: -25px;
+    margin-top: 11px;
+    margin-right: 10px;
+    pointer-events: none;
+}
+
+.wb-static-toolbar .divider {
+    width: 1px;
+    background-color: #eee;
+    margin: 0 4px;
+}
+
+.lexical-dropdown-container {
+    position: absolute;
+    bottom: -5px;
+    left: 0;
+}
+
+.wb-static-toolbar button.item i {
+    opacity: 0.6;
+}
+
+.wb-static-toolbar button.item.dropdown-item-active {
+    background-color: rgba(223, 232, 250, 0.3);
+}
+
+.wb-static-toolbar button.item.dropdown-item-active i {
+    opacity: 1;
+}
+
+.wb-static-toolbar i.expand {
+    background-image: url("./icons/fullscreen.svg");
+}

package/inputRenderers/NumberInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ElementInputRendererProps } from "../BaseEditor";
+export declare const NumberInputRenderer: ({ value, onChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/NumberInput.js

@@ -0,0 +1,31 @@
+import React, { useCallback } from "react";
+import { Input } from "@webiny/admin-ui";
+export const NumberInputRenderer = ({
+  value,
+  onChange,
+  input,
+  label
+}) => {
+  const localOnChange = useCallback(value => {
+    const number = parseInt(value);
+    const minValue = input.minValue;
+    if (minValue && number < minValue) {
+      return;
+    }
+    onChange(({
+      value
+    }) => {
+      value.set(number);
+    });
+  }, [onChange]);
+  return /*#__PURE__*/React.createElement(Input, {
+    type: "number",
+    value: value,
+    onChange: localOnChange,
+    label: label,
+    description: input.description,
+    note: input.helperText
+  });
+};
+
+//# sourceMappingURL=NumberInput.js.map

package/inputRenderers/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Input","NumberInputRenderer","value","onChange","input","label","localOnChange","number","parseInt","minValue","set","createElement","type","description","note","helperText"],"sources":["NumberInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { NumberInput } from \"~/sdk/types\";\n\nexport const NumberInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const localOnChange = useCallback(\n        (value: string) => {\n            const number = parseInt(value);\n            const minValue = (input as NumberInput).minValue;\n\n            if (minValue && number < minValue) {\n                return;\n            }\n\n            onChange(({ value }) => {\n                value.set(number);\n            });\n        },\n        [onChange]\n    );\n    return (\n        <Input\n            type={\"number\"}\n            value={value}\n            onChange={localOnChange}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,KAAK,QAAQ,kBAAkB;AAIxC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,aAAa,GAAGP,WAAW,CAC5BG,KAAa,IAAK;IACf,MAAMK,MAAM,GAAGC,QAAQ,CAACN,KAAK,CAAC;IAC9B,MAAMO,QAAQ,GAAIL,KAAK,CAAiBK,QAAQ;IAEhD,IAAIA,QAAQ,IAAIF,MAAM,GAAGE,QAAQ,EAAE;MAC/B;IACJ;IAEAN,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACQ,GAAG,CAACH,MAAM,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EACD,CAACJ,QAAQ,CACb,CAAC;EACD,oBACIL,KAAA,CAAAa,aAAA,CAACX,KAAK;IACFY,IAAI,EAAE,QAAS;IACfV,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEG,aAAc;IACxBD,KAAK,EAAEA,KAAM;IACbQ,WAAW,EAAET,KAAK,CAACS,WAAY;IAC/BC,IAAI,EAAEV,KAAK,CAACW;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/SelectInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ElementInputRendererProps } from "../BaseEditor";
+export declare const SelectInputRenderer: ({ value, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/SelectInput.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Select } from "@webiny/admin-ui";
+export const SelectInputRenderer = ({
+  value,
+  onChange,
+  label,
+  ...props
+}) => {
+  const input = props.input;
+  return /*#__PURE__*/React.createElement(Select, {
+    value: value,
+    onChange: newValue => {
+      onChange(({
+        value
+      }) => {
+        value.set(newValue);
+      });
+    },
+    displayResetAction: input.showResetAction !== false,
+    options: input.options,
+    label: label,
+    description: input.description,
+    note: input.helperText
+  });
+};
+
+//# sourceMappingURL=SelectInput.js.map

package/inputRenderers/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Select","SelectInputRenderer","value","onChange","label","props","input","createElement","newValue","set","displayResetAction","showResetAction","options","description","note","helperText"],"sources":["SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { ElementInputRendererProps } from \"~/BaseEditor\";\nimport type { SelectInput } from \"~/sdk/types\";\n\nexport const SelectInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as SelectInput;\n    return (\n        <Select\n            value={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            displayResetAction={input.showResetAction !== false}\n            options={input.options}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAIzC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAoB;EACxC,oBACIP,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACHE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEK,QAAQ,IAAI;MAClBL,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,kBAAkB,EAAEJ,KAAK,CAACK,eAAe,KAAK,KAAM;IACpDC,OAAO,EAAEN,KAAK,CAACM,OAAQ;IACvBR,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEP,KAAK,CAACO,WAAY;IAC/BC,IAAI,EAAER,KAAK,CAACS;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/SlotInput.d.ts

@@ -0,0 +1 @@
+export declare const SlotInputRenderer: () => null;

package/inputRenderers/SlotInput.js

@@ -0,0 +1,5 @@
+export const SlotInputRenderer = () => {
+  return null;
+};
+
+//# sourceMappingURL=SlotInput.js.map

package/inputRenderers/SlotInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SlotInputRenderer"],"sources":["SlotInput.tsx"],"sourcesContent":["export const SlotInputRenderer = () => {\n    return null;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/inputRenderers/TagsInput.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { TextInput } from "../sdk/types";
+interface ElementInputProps<T> {
+    value: T;
+    onChange: (value: T) => void;
+    componentInput: TextInput;
+}
+export declare const TagsInputRenderer: ({ value, onChange, componentInput }: ElementInputProps<string[]>) => React.JSX.Element;
+export {};

package/inputRenderers/TagsInput.js

@@ -0,0 +1,10 @@
+import React from "react";
+export const TagsInputRenderer = ({
+  value,
+  onChange,
+  componentInput
+}) => {
+  return /*#__PURE__*/React.createElement("span", null, "Webiny/Tags");
+};
+
+//# sourceMappingURL=TagsInput.js.map

package/inputRenderers/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TagsInputRenderer","value","onChange","componentInput","createElement"],"sources":["TagsInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TextInput } from \"~/sdk/types\";\n\ninterface ElementInputProps<T> {\n    value: T;\n    onChange: (value: T) => void;\n    componentInput: TextInput;\n}\n\nexport const TagsInputRenderer = ({\n    value,\n    onChange,\n    componentInput\n}: ElementInputProps<string[]>) => {\n    return <span>Webiny/Tags</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC;AACyB,CAAC,KAAK;EAC/B,oBAAOJ,KAAA,CAAAK,aAAA,eAAM,aAAiB,CAAC;AACnC,CAAC","ignoreList":[]}

package/inputRenderers/TextInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ElementInputRendererProps } from "../BaseEditor";
+export declare const TextInputRenderer: ({ value, onChange, onPreviewChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TextInput.js

@@ -0,0 +1,35 @@
+import React from "react";
+import { Input } from "@webiny/admin-ui";
+export const TextInputRenderer = ({
+  value,
+  onChange,
+  onPreviewChange,
+  input,
+  label
+}) => {
+  const commitValue = newValue => {
+    onChange(({
+      value
+    }) => {
+      value.set(newValue);
+    });
+  };
+  const previewValue = newValue => {
+    onPreviewChange(({
+      value
+    }) => {
+      value.set(newValue);
+    });
+  };
+  return /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: previewValue,
+    onBlur: e => commitValue(e.currentTarget.value),
+    onEnter: e => commitValue(e.currentTarget.value),
+    label: label,
+    description: input.description,
+    note: input.helperText
+  });
+};
+
+//# sourceMappingURL=TextInput.js.map

package/inputRenderers/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Input","TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","onEnter","description","note","helperText"],"sources":["TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Input\n            value={value}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            onEnter={e => commitValue(e.currentTarget.value)}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAGxC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,KAAK;IACFE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDa,OAAO,EAAEF,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IACjDI,KAAK,EAAEA,KAAM;IACbU,WAAW,EAAEX,KAAK,CAACW,WAAY;IAC/BC,IAAI,EAAEZ,KAAK,CAACa;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/TextareaInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ElementInputRendererProps } from "../BaseEditor";
+export declare const TextareaInputRenderer: ({ value, onChange, onPreviewChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TextareaInput.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Textarea } from "@webiny/admin-ui";
+export const TextareaInputRenderer = ({
+  value,
+  onChange,
+  onPreviewChange,
+  input,
+  label
+}) => {
+  return /*#__PURE__*/React.createElement(Textarea, {
+    value: value || "",
+    onChange: newValue => {
+      onPreviewChange(({
+        value
+      }) => {
+        value.set(newValue);
+      });
+    },
+    onBlur: e => onChange(({
+      value
+    }) => {
+      value.set(e.currentTarget.value);
+    }),
+    label: label,
+    description: input.description,
+    note: input.helperText,
+    rows: 10
+  });
+};
+
+//# sourceMappingURL=TextareaInput.js.map

package/inputRenderers/TextareaInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Textarea","TextareaInputRenderer","value","onChange","onPreviewChange","input","label","createElement","newValue","set","onBlur","e","currentTarget","description","note","helperText","rows"],"sources":["TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextareaInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    return (\n        <Textarea\n            value={value || \"\"}\n            onChange={newValue => {\n                onPreviewChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            onBlur={e =>\n                onChange(({ value }) => {\n                    value.set(e.currentTarget.value);\n                })\n            }\n            label={label}\n            description={input.description}\n            note={input.helperText}\n            rows={10}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,oBACIP,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IACLE,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEK,QAAQ,IAAI;MAClBJ,eAAe,CAAC,CAAC;QAAEF;MAAM,CAAC,KAAK;QAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,MAAM,EAAEC,CAAC,IACLR,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACE,CAAC,CAACC,aAAa,CAACV,KAAK,CAAC;IACpC,CAAC,CACJ;IACDI,KAAK,EAAEA,KAAM;IACbO,WAAW,EAAER,KAAK,CAACQ,WAAY;IAC/BC,IAAI,EAAET,KAAK,CAACU,UAAW;IACvBC,IAAI,EAAE;EAAG,CACZ,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/assets/grid-12.svg

@@ -0,0 +1,6 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <path d="M5.5 5.5h63v26h-63z" fill="#FDC5B4"/>
+  </g>
+</svg>

package/inputRenderers/assets/grid-2-2-2-2-2-2.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <g fill="#FDC5B4">
+      <path d="M39.5 5.5h6v26h-6zM28.5 5.5h6v26h-6zM50.5 5.5h6v26h-6zM61.5 5.5h7v26h-7zM5.5 5.5h7v26h-7zM17.5 5.5h6v26h-6z"/>
+    </g>
+  </g>
+</svg>

package/inputRenderers/assets/grid-3-3-3-3.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <g fill="#FDC5B4">
+      <path d="M39.5 5.5h12v26h-12zM56.5 5.5h12v26h-12zM5.5 5.5h13v26h-13zM23.5 5.5h11v26h-11z"/>
+    </g>
+  </g>
+</svg>

package/inputRenderers/assets/grid-3-3-6.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <g fill="#FDC5B4">
+      <path d="M39.5 5.5h29v26h-29zM5.5 5.5h12v26h-12zM22.5 5.5h12v26h-12z"/>
+    </g>
+  </g>
+</svg>

package/inputRenderers/assets/grid-4-4-4.svg

@@ -0,0 +1,6 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <path fill="#FDC5B4" d="M5.5 5.5h17v26h-17zM51.5 5.5h17v26h-17zM28.5 5.5h17v26h-17z"/>
+  </g>
+</svg>

package/inputRenderers/assets/grid-4-8.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M73.5 36.5H.5V.5h73z"/>
+    <g fill="#FDC5B4">
+      <path d="M68.5 31.5h-37v-26h37zM26.5 31.5h-21v-26h21z"/>
+    </g>
+  </g>
+</svg>

package/inputRenderers/assets/grid-6-3-3.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <g fill="#FDC5B4">
+      <path d="M5.5 5.5h29v26h-29zM39.5 5.5h12v26h-12zM56.5 5.5h12v26h-12z"/>
+    </g>
+  </g>
+</svg>

package/inputRenderers/assets/grid-6-6.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <g fill="#FDC5B4">
+      <path d="M5.5 5.5h29v26h-29zM39.5 5.5h29v26h-29z"/>
+    </g>
+  </g>
+</svg>

package/inputRenderers/assets/grid-8-4.svg

@@ -0,0 +1,8 @@
+<svg width="74" height="37" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#00CCB0" fill="none" fill-rule="evenodd">
+    <path d="M.5.5h73v36H.5z"/>
+    <g fill="#FDC5B4">
+      <path d="M5.5 5.5h37v26h-37zM47.5 5.5h21v26h-21z"/>
+    </g>
+  </g>
+</svg>

package/modules/integrations/IntegrationsSettings.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { type EcommerceApiManifest } from "../../features";
+export declare const IntegrationsSettings: ({ manifests }: {
+    manifests: EcommerceApiManifest[];
+}) => React.JSX.Element;

package/modules/integrations/IntegrationsSettings.js

@@ -0,0 +1,57 @@
+import React from "react";
+import { Alert, Grid, Input, Select, Switch, Tabs } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { toTitleCaseLabel } from "../../ecommerce/components/toTitleCaseLabel";
+import { validation } from "@webiny/validation";
+export const IntegrationsSettings = ({
+  manifests
+}) => {
+  if (!manifests.length) {
+    return /*#__PURE__*/React.createElement(Alert, {
+      type: "info"
+    }, "There are no integrations to configure.");
+  }
+  const tabs = manifests.map(manifest => {
+    const name = manifest.getName();
+    return /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: name,
+      trigger: toTitleCaseLabel(name),
+      value: name,
+      content: /*#__PURE__*/React.createElement(IntegrationForm, {
+        manifest: manifest
+      })
+    });
+  });
+  return /*#__PURE__*/React.createElement(Tabs, {
+    tabs: tabs,
+    size: "md",
+    spacing: "sm"
+  });
+};
+const IntegrationForm = ({
+  manifest
+}) => {
+  return /*#__PURE__*/React.createElement(Grid, null, manifest.getSettingsInputs().map(input => {
+    const bindProps = {
+      name: `${manifest.getName()}.${input.name}`,
+      validators: input.required ? validation.create("required") : undefined,
+      defaultValue: input.defaultValue
+    };
+    const inputProps = {
+      label: input.label ?? toTitleCaseLabel(input.name),
+      description: input.description,
+      note: input.note
+    };
+    return /*#__PURE__*/React.createElement(Grid.Column, {
+      key: input.name,
+      span: 12
+    }, input.type === "text" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Input, inputProps)) : null, input.type === "number" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Input, Object.assign({
+      type: "number"
+    }, inputProps))) : null, input.type === "select" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Select, Object.assign({
+      displayResetAction: false,
+      options: input.options
+    }, inputProps))) : null, input.type === "boolean" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Switch, inputProps)) : null);
+  }));
+};
+
+//# sourceMappingURL=IntegrationsSettings.js.map

package/modules/integrations/IntegrationsSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","Grid","Input","Select","Switch","Tabs","Bind","toTitleCaseLabel","validation","IntegrationsSettings","manifests","length","createElement","type","tabs","map","manifest","name","getName","Tab","key","trigger","value","content","IntegrationForm","size","spacing","getSettingsInputs","input","bindProps","validators","required","create","undefined","defaultValue","inputProps","label","description","note","Column","span","Object","assign","displayResetAction","options"],"sources":["IntegrationsSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Grid, Input, Select, Switch, Tabs } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel\";\nimport { validation } from \"@webiny/validation\";\nimport { type EcommerceApiManifest } from \"~/features\";\n\nexport const IntegrationsSettings = ({ manifests }: { manifests: EcommerceApiManifest[] }) => {\n    if (!manifests.length) {\n        return <Alert type={\"info\"}>There are no integrations to configure.</Alert>;\n    }\n\n    const tabs = manifests.map(manifest => {\n        const name = manifest.getName();\n        return (\n            <Tabs.Tab\n                key={name}\n                trigger={toTitleCaseLabel(name)}\n                value={name}\n                content={<IntegrationForm manifest={manifest} />}\n            />\n        );\n    });\n\n    return <Tabs tabs={tabs} size={\"md\"} spacing={\"sm\"} />;\n};\n\ninterface IntegrationFormProps {\n    manifest: EcommerceApiManifest;\n}\n\nconst IntegrationForm = ({ manifest }: IntegrationFormProps) => {\n    return (\n        <Grid>\n            {manifest.getSettingsInputs().map(input => {\n                const bindProps = {\n                    name: `${manifest.getName()}.${input.name}`,\n                    validators: input.required ? validation.create(\"required\") : undefined,\n                    defaultValue: input.defaultValue\n                };\n\n                const inputProps = {\n                    label: input.label ?? toTitleCaseLabel(input.name),\n                    description: input.description,\n                    note: input.note\n                };\n\n                return (\n                    <Grid.Column key={input.name} span={12}>\n                        {input.type === \"text\" ? (\n                            <Bind {...bindProps}>\n                                <Input {...inputProps} />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"number\" ? (\n                            <Bind {...bindProps}>\n                                <Input type=\"number\" {...inputProps} />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"select\" ? (\n                            <Bind {...bindProps}>\n                                <Select\n                                    displayResetAction={false}\n                                    options={input.options}\n                                    {...inputProps}\n                                />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"boolean\" ? (\n                            <Bind {...bindProps}>\n                                <Switch {...inputProps} />\n                            </Bind>\n                        ) : null}\n                    </Grid.Column>\n                );\n            })}\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/integrations/useIntegrationsDialog.d.ts

@@ -0,0 +1,3 @@
+export declare const useIntegrationsDialog: () => {
+    showIntegrationsDialog: () => void;
+};