@embeddable.com/remarkable-ui 0.1.7 → 0.1.9

package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.d.ts

@@ -0,0 +1,98 @@
+export declare const meta: {
+    readonly name: "MultiSelectFieldPro";
+    readonly label: "Multi Select Field";
+    readonly category: "Dropdowns";
+    readonly defaultWidth: 300;
+    readonly defaultHeight: 120;
+    readonly inputs: [{
+        readonly name: "dataset";
+        readonly type: "dataset";
+        readonly label: "Dataset";
+        readonly required: true;
+        readonly category: "Component Data";
+    }, {
+        readonly label: "Dimension (to load Dropdown values)";
+        readonly name: "dimension";
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "title";
+        readonly type: "string";
+        readonly label: "Title";
+        readonly category: "Component Header";
+    }, {
+        readonly name: "description";
+        readonly type: "string";
+        readonly label: "Description";
+        readonly category: "Component Header";
+    }, {
+        readonly defaultValue: "Select values...";
+        readonly name: "placeholder";
+        readonly type: "string";
+        readonly label: "Placeholder";
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "maxOptions";
+        readonly type: "number";
+        readonly label: "Maximum options";
+        readonly category: "Component Settings";
+        readonly defaultValue: 200;
+    }, {
+        readonly name: "selectedValues";
+        readonly type: "string";
+        readonly array: true;
+        readonly label: "Selected Values";
+        readonly category: "Pre-configured Variables";
+    }, {
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: false;
+        readonly name: "optionalSecondDimension";
+        readonly label: "Optional secondary dimension";
+        readonly category: "Data Mapping for Interactions";
+        readonly description: "Send a different dimension to embeddable when the user clicks. Must be unique.";
+    }];
+    readonly events: [{
+        readonly name: "onChange";
+        readonly label: "selected values updated";
+        readonly properties: [{
+            readonly name: "value";
+            readonly label: "selected values";
+            readonly type: "string";
+            readonly array: true;
+        }];
+    }];
+    readonly variables: [{
+        readonly name: "multi-select values";
+        readonly type: "string";
+        readonly array: true;
+        readonly defaultValue: {
+            operation: "NO_FILTER" | "VALUE";
+            value?: unknown;
+            __embeddableVariableMeta: true;
+        };
+        readonly inputs: ["selectedValues"];
+        readonly events: [{
+            readonly name: "onChange";
+            readonly property: "value";
+        }];
+    }];
+};
+declare const _default: {
+    ({ propsUpdateListener, clientContext, embeddableTheme, ...props }: {
+        propsUpdateListener: HTMLElement;
+        componentId: string;
+        clientContext: any;
+        embeddableTheme: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default _default;
+//# sourceMappingURL=MultiSelectFieldPro.emb.d.ts.map

package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectFieldPro.emb.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DyB,CAAC;;;;;;;;;;AAM3C,wBAiCG"}

package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.js

@@ -0,0 +1,135 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.meta = void 0;
+const react_1 = require("@embeddable.com/react");
+const core_1 = require("@embeddable.com/core");
+const component_constants_1 = require("../../component.constants");
+const _1 = __importStar(require("."));
+exports.meta = {
+    name: 'MultiSelectFieldPro',
+    label: 'Multi Select Field',
+    category: 'Dropdowns',
+    defaultWidth: 300,
+    defaultHeight: 120,
+    inputs: [
+        component_constants_1.dataset,
+        { ...component_constants_1.dimension, label: 'Dimension (to load Dropdown values)' },
+        component_constants_1.title,
+        component_constants_1.description,
+        { ...component_constants_1.placeholder, defaultValue: 'Select values...' },
+        {
+            name: 'maxOptions',
+            type: 'number',
+            label: 'Maximum options',
+            category: 'Component Settings',
+            defaultValue: _1.MAX_OPTIONS,
+        },
+        {
+            name: 'selectedValues',
+            type: 'string',
+            array: true,
+            label: 'Selected Values',
+            category: 'Pre-configured Variables',
+        },
+        {
+            type: 'dimension',
+            config: {
+                dataset: 'dataset',
+            },
+            required: false,
+            name: 'optionalSecondDimension',
+            label: 'Optional secondary dimension',
+            category: 'Data Mapping for Interactions',
+            description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',
+        },
+    ],
+    events: [
+        {
+            name: 'onChange',
+            label: 'selected values updated',
+            properties: [
+                {
+                    name: 'value',
+                    label: 'selected values',
+                    type: 'string',
+                    array: true,
+                },
+            ],
+        },
+    ],
+    variables: [
+        {
+            name: 'multi-select values',
+            type: 'string',
+            array: true,
+            defaultValue: core_1.Value.noFilter(),
+            inputs: ['selectedValues'],
+            events: [{ name: 'onChange', property: 'value' }],
+        },
+    ],
+};
+exports.default = (0, react_1.defineComponent)(_1.default, exports.meta, {
+    props: (inputs, [state, setState]) => {
+        const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';
+        return {
+            ...inputs,
+            maxOptions: inputs.maxOptions,
+            setSearchValue: (searchValue) => setState({ searchValue }),
+            results: (0, core_1.loadData)({
+                limit: inputs.maxOptions,
+                from: inputs.dataset,
+                select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),
+                filters: state?.searchValue
+                    ? [
+                        {
+                            operator,
+                            property: inputs.dimension,
+                            value: state.searchValue,
+                        },
+                    ]
+                    : undefined,
+            }),
+        };
+    },
+    events: {
+        onChange: (selectedValues) => {
+            return {
+                value: selectedValues.length ? selectedValues : core_1.Value.noFilter(),
+            };
+        },
+    },
+});
+//# sourceMappingURL=MultiSelectFieldPro.emb.js.map

package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectFieldPro.emb.js","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"names":[],"mappings":"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"}

package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAX_OPTIONS = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formatter_utils_1 = require("../../../theme/formatter/formatter.utils");
+const react_1 = require("@embeddable.com/react");
+const EditorCard_1 = require("../shared/EditorCard/EditorCard");
+const component_utils_1 = require("../../component.utils");
+const i18n_1 = require("../../../theme/i18n/i18n");
+const remarkable_ui_1 = require("../../../../remarkable-ui");
+exports.MAX_OPTIONS = 200;
+const MultiSelectFieldPro = (props) => {
+    const theme = (0, react_1.useTheme)();
+    const themeFormatter = (0, formatter_utils_1.getThemeFormatter)(theme);
+    const { title, description, dimension, optionalSecondDimension, placeholder, results, selectedValues, setSearchValue, onChange, } = (0, component_utils_1.resolveI18nProps)(props);
+    const options = results.data?.map((data) => {
+        return {
+            value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],
+            label: themeFormatter.data(dimension, data[dimension.name]),
+        };
+    }) ?? [];
+    const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);
+    return ((0, jsx_runtime_1.jsx)(EditorCard_1.EditorCard, { title: title, subtitle: description, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.MultiSelectField, { isClearable: true, isSearchable: true, isLoading: results.isLoading, values: selectedValues ?? [], options: options, placeholder: placeholder, noOptionsMessage: showNoOptionsMessage ? i18n_1.i18n.t('common.noOptionsFound') : undefined, onChange: (newValues) => onChange?.(newValues), onSearch: setSearchValue }) }));
+};
+exports.default = MultiSelectFieldPro;
+//# sourceMappingURL=index.js.map

package/dist/remarkable-pro/components/editors/MultiSelectFieldPro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.tsx"],"names":[],"mappings":";;;;AACA,8EAA6E;AAC7E,iDAAiD;AAEjD,gEAA6D;AAC7D,2DAAyD;AACzD,mDAAgD;AAChD,6DAA6D;AAEhD,QAAA,WAAW,GAAG,GAAG,CAAC;AAe/B,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAU,IAAA,gBAAQ,GAAW,CAAC;IACzC,MAAM,cAAc,GAAG,IAAA,mCAAiB,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,GACT,GAAG,IAAA,kCAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,OAAO,GACX,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACzB,OAAO;YACL,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAC1F,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;SAC5D,CAAC;IACJ,CAAC,CAAC,IAAI,EAAE,CAAC;IAEX,MAAM,oBAAoB,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9F,OAAO,CACL,uBAAC,uBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,YAC7C,uBAAC,gCAAgB,IACf,WAAW,QACX,YAAY,QACZ,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,MAAM,EAAE,cAAc,IAAI,EAAE,EAC5B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,SAAS,EACpF,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,EAC9C,QAAQ,EAAE,cAAc,GACxB,GACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.d.ts

@@ -0,0 +1,95 @@
+export declare const meta: {
+    readonly name: "SingleSelectFieldPro";
+    readonly label: "Single Select Field";
+    readonly category: "Dropdowns";
+    readonly defaultWidth: 300;
+    readonly defaultHeight: 120;
+    readonly inputs: [{
+        readonly name: "dataset";
+        readonly type: "dataset";
+        readonly label: "Dataset";
+        readonly required: true;
+        readonly category: "Component Data";
+    }, {
+        readonly label: "Dimension (to load Dropdown values)";
+        readonly name: "dimension";
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "title";
+        readonly type: "string";
+        readonly label: "Title";
+        readonly category: "Component Header";
+    }, {
+        readonly name: "description";
+        readonly type: "string";
+        readonly label: "Description";
+        readonly category: "Component Header";
+    }, {
+        readonly defaultValue: "Select value...";
+        readonly name: "placeholder";
+        readonly type: "string";
+        readonly label: "Placeholder";
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "maxOptions";
+        readonly type: "number";
+        readonly label: "Maximum options";
+        readonly category: "Component Settings";
+        readonly defaultValue: 200;
+    }, {
+        readonly name: "selectedValue";
+        readonly type: "string";
+        readonly label: "Selected Value";
+        readonly category: "Pre-configured Variables";
+    }, {
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: false;
+        readonly name: "optionalSecondDimension";
+        readonly label: "Optional secondary dimension";
+        readonly category: "Data Mapping for Interactions";
+        readonly description: "Send a different dimension to embeddable when the user clicks. Must be unique.";
+    }];
+    readonly events: [{
+        readonly name: "onChange";
+        readonly label: "selected value updated";
+        readonly properties: [{
+            readonly name: "value";
+            readonly label: "selected Value";
+            readonly type: "string";
+        }];
+    }];
+    readonly variables: [{
+        readonly name: "single-select value";
+        readonly type: "string";
+        readonly defaultValue: {
+            operation: "NO_FILTER" | "VALUE";
+            value?: unknown;
+            __embeddableVariableMeta: true;
+        };
+        readonly inputs: ["selectedValue"];
+        readonly events: [{
+            readonly name: "onChange";
+            readonly property: "value";
+        }];
+    }];
+};
+declare const _default: {
+    ({ propsUpdateListener, clientContext, embeddableTheme, ...props }: {
+        propsUpdateListener: HTMLElement;
+        componentId: string;
+        clientContext: any;
+        embeddableTheme: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default _default;
+//# sourceMappingURL=SingleSelectFieldPro.emb.d.ts.map

package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectFieldPro.emb.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DyB,CAAC;;;;;;;;;;AAM3C,wBAiCG"}

package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.meta = void 0;
+const react_1 = require("@embeddable.com/react");
+const core_1 = require("@embeddable.com/core");
+const component_constants_1 = require("../../component.constants");
+const _1 = __importStar(require("."));
+exports.meta = {
+    name: 'SingleSelectFieldPro',
+    label: 'Single Select Field',
+    category: 'Dropdowns',
+    defaultWidth: 300,
+    defaultHeight: 120,
+    inputs: [
+        component_constants_1.dataset,
+        { ...component_constants_1.dimension, label: 'Dimension (to load Dropdown values)' },
+        component_constants_1.title,
+        component_constants_1.description,
+        { ...component_constants_1.placeholder, defaultValue: 'Select value...' },
+        {
+            name: 'maxOptions',
+            type: 'number',
+            label: 'Maximum options',
+            category: 'Component Settings',
+            defaultValue: _1.MAX_OPTIONS,
+        },
+        {
+            name: 'selectedValue',
+            type: 'string',
+            label: 'Selected Value',
+            category: 'Pre-configured Variables',
+        },
+        {
+            type: 'dimension',
+            config: {
+                dataset: 'dataset',
+            },
+            required: false,
+            name: 'optionalSecondDimension',
+            label: 'Optional secondary dimension',
+            category: 'Data Mapping for Interactions',
+            description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',
+        },
+    ],
+    events: [
+        {
+            name: 'onChange',
+            label: 'selected value updated',
+            properties: [
+                {
+                    name: 'value',
+                    label: 'selected Value',
+                    type: 'string',
+                },
+            ],
+        },
+    ],
+    variables: [
+        {
+            name: 'single-select value',
+            type: 'string',
+            defaultValue: core_1.Value.noFilter(),
+            inputs: ['selectedValue'],
+            events: [{ name: 'onChange', property: 'value' }],
+        },
+    ],
+};
+exports.default = (0, react_1.defineComponent)(_1.default, exports.meta, {
+    props: (inputs, [state, setState]) => {
+        const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';
+        return {
+            ...inputs,
+            maxOptions: inputs.maxOptions,
+            setSearchValue: (searchValue) => setState({ searchValue: searchValue }),
+            results: (0, core_1.loadData)({
+                limit: inputs.maxOptions,
+                from: inputs.dataset,
+                select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),
+                filters: state?.searchValue
+                    ? [
+                        {
+                            operator,
+                            property: inputs.dimension,
+                            value: state.searchValue,
+                        },
+                    ]
+                    : undefined,
+            }),
+        };
+    },
+    events: {
+        onChange: (selectedValue) => {
+            return {
+                value: selectedValue || core_1.Value.noFilter(),
+            };
+        },
+    },
+});
+//# sourceMappingURL=SingleSelectFieldPro.emb.js.map

package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectFieldPro.emb.js","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"names":[],"mappings":"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"}

package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAX_OPTIONS = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SingleSelectField_1 = require("../../../../remarkable-ui/editors/select/SingleSelectField/SingleSelectField");
+const formatter_utils_1 = require("../../../theme/formatter/formatter.utils");
+const react_1 = require("@embeddable.com/react");
+const EditorCard_1 = require("../shared/EditorCard/EditorCard");
+const component_utils_1 = require("../../component.utils");
+const i18n_1 = require("../../../theme/i18n/i18n");
+exports.MAX_OPTIONS = 200;
+const SingleSelectFieldPro = (props) => {
+    const theme = (0, react_1.useTheme)();
+    const themeFormatter = (0, formatter_utils_1.getThemeFormatter)(theme);
+    const { title, description, dimension, optionalSecondDimension, placeholder, results, selectedValue, setSearchValue, onChange, } = (0, component_utils_1.resolveI18nProps)(props);
+    const options = results.data?.map((data) => {
+        return {
+            value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],
+            label: themeFormatter.data(dimension, data[dimension.name]),
+        };
+    }) ?? [];
+    const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);
+    return ((0, jsx_runtime_1.jsx)(EditorCard_1.EditorCard, { title: title, subtitle: description, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, isSearchable: true, isLoading: results.isLoading, value: selectedValue, options: options, placeholder: placeholder, noOptionsMessage: showNoOptionsMessage ? i18n_1.i18n.t('common.noOptionsFound') : undefined, onChange: (newValue) => onChange?.(newValue), onSearch: setSearchValue }) }));
+};
+exports.default = SingleSelectFieldPro;
+//# sourceMappingURL=index.js.map

package/dist/remarkable-pro/components/editors/SingleSelectFieldPro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/remarkable-pro/components/editors/SingleSelectFieldPro/index.tsx"],"names":[],"mappings":";;;;AACA,oHAAiH;AACjH,8EAA6E;AAC7E,iDAAiD;AAEjD,gEAA6D;AAC7D,2DAAyD;AACzD,mDAAgD;AAEnC,QAAA,WAAW,GAAG,GAAG,CAAC;AAe/B,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IAChE,MAAM,KAAK,GAAU,IAAA,gBAAQ,GAAW,CAAC;IACzC,MAAM,cAAc,GAAG,IAAA,mCAAiB,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,OAAO,EACP,aAAa,EACb,cAAc,EACd,QAAQ,GACT,GAAG,IAAA,kCAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,OAAO,GACX,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACzB,OAAO;YACL,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAC1F,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;SAC5D,CAAC;IACJ,CAAC,CAAC,IAAI,EAAE,CAAC;IAEX,MAAM,oBAAoB,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9F,OAAO,CACL,uBAAC,uBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,YAC7C,uBAAC,qCAAiB,IAChB,WAAW,QACX,YAAY,QACZ,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,SAAS,EACpF,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAC5C,QAAQ,EAAE,cAAc,GACxB,GACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@embeddable.com/react");
+const i18n_1 = require("../../../../theme/i18n/i18n");
+const EditorCard_module_css_1 = __importDefault(require("./EditorCard.module.css"));
+const remarkable_ui_1 = require("../../../../../remarkable-ui");
+const icons_react_1 = require("@tabler/icons-react");
+const EditorCard = ({ title, subtitle, children, errorMessage, ...props }) => {
+    const theme = (0, react_1.useTheme)();
+    (0, i18n_1.i18nSetup)(theme);
+    const getDisplay = () => {
+        if (errorMessage) {
+            return ((0, jsx_runtime_1.jsx)(remarkable_ui_1.CardContentInfo, { className: EditorCard_module_css_1.default.error, icon: icons_react_1.IconAlertCircle, title: i18n_1.i18n.t('editors.errorTitle'), message: errorMessage }));
+        }
+        return children;
+    };
+    return ((0, jsx_runtime_1.jsxs)(remarkable_ui_1.Card, { className: EditorCard_module_css_1.default.card, ...props, children: [(0, jsx_runtime_1.jsx)(remarkable_ui_1.CardHeader, { title: title, subtitle: subtitle }), (0, jsx_runtime_1.jsx)(remarkable_ui_1.CardContent, { children: getDisplay() })] }));
+};
+exports.EditorCard = EditorCard;
+//# sourceMappingURL=EditorCard.js.map

package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorCard.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"names":[],"mappings":";;;;;;;AAAA,iDAAiD;AACjD,sDAA8D;AAC9D,oFAA6C;AAG7C,gEAA8F;AAC9F,qDAAsD;AAS/C,MAAM,UAAU,GAAwB,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAU,IAAA,gBAAQ,GAAW,CAAC;IACzC,IAAA,gBAAS,EAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,CACL,uBAAC,+BAAe,IACd,SAAS,EAAE,+BAAM,CAAC,KAAK,EACvB,IAAI,EAAE,6BAAe,EACrB,KAAK,EAAE,WAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,EACnC,OAAO,EAAE,YAAY,GACrB,CACH,CAAC;QACJ,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAI,IAAC,SAAS,EAAE,+BAAM,CAAC,IAAI,KAAM,KAAK,aACrC,uBAAC,0BAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAChD,uBAAC,2BAAW,cAAE,UAAU,EAAE,GAAe,IACpC,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,UAAU,cA+BrB"}

package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.d.ts

@@ -1,5 +1,5 @@
 declare const meta: {
-    component: import('react').FC<{
+    component: import("react").FC<{
         title?: string;
         subtitle?: string;
         children: React.ReactNode;

package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Error = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EditorCard_1 = require("./EditorCard");
+const SingleSelectField_1 = require("../../../../../remarkable-ui/editors/select/SingleSelectField/SingleSelectField");
+const meta = {
+    component: EditorCard_1.EditorCard,
+};
+exports.default = meta;
+const Default = () => {
+    return ((0, jsx_runtime_1.jsx)(EditorCard_1.EditorCard, { title: "Editor card title", subtitle: "Editor card subtitle", children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { onChange: console.log, options: [] }) }));
+};
+exports.Default = Default;
+const Error = () => {
+    return ((0, jsx_runtime_1.jsx)(EditorCard_1.EditorCard, { title: "Editor card title", subtitle: "Editor card subtitle", errorMessage: "Editor card error message", children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { onChange: console.log, options: [] }) }));
+};
+exports.Error = Error;
+//# sourceMappingURL=EditorCard.stories.js.map

package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorCard.stories.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.tsx"],"names":[],"mappings":";;;;AAEA,6CAA0C;AAC1C,uHAAoH;AAEpH,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,uBAAU;CACY,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAEb,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,uBAAC,uBAAU,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAC,sBAAsB,YACnE,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,GAAI,GAC9C,CACd,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,uBAAC,uBAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAC,sBAAsB,EAC/B,YAAY,EAAC,2BAA2B,YAExC,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,GAAI,GAC9C,CACd,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,KAAK,SAUhB"}