xmlui 0.7.21 → 0.7.23

package/dist/scripts/src/components/Range/Range.js

@@ -1,56 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rangeComponentRenderer = exports.RangeMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const Range_module_scss_1 = __importDefault(require("./Range.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const RangeNative_1 = require("./RangeNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
-const COMP = "Range";
-// See "Range input" here: https://tabler.io/admin-template/preview
-// This component must be focusable and keyboard accessible.
-// Add this component to the form infrastructure.
-exports.RangeMd = (0, ComponentDefs_1.createMetadata)({
-    status: "in progress",
-    description: `(**NOT IMPLEMENTED YET**) The \`${COMP}\` component allows you to select a numeric range (lower ` +
-        `and upper boundary values) between the complete range specified by minimum and maximum values.`,
-    props: {
-        initialValue: (0, ComponentDefs_1.d)(""),
-        minValue: (0, ComponentDefs_1.d)(`This property specifies the minimum value of the entire value domain to select the lower ` +
-            `and upper boundary range values.`, null, "number", 0),
-        maxValue: (0, ComponentDefs_1.d)(`This property specifies the maximum value of the entire value domain to select the lower ` +
-            `and upper boundary range values.`, null, "number", 10),
-        lowerInclusive: (0, ComponentDefs_1.d)(`This boolean property specifies whether the lower boundary value is inclusive (\`true\`) ` +
-            `or exclusive (\`false\`).`, null, "boolean", true),
-        upperInclusive: (0, ComponentDefs_1.d)(`This boolean property specifies whether the upper boundary value is inclusive (\`true\`) ` +
-            `or exclusive (\`false\`).`, null, "boolean", true),
-        complementary: (0, ComponentDefs_1.d)(`This boolean property specifies whether the range is complementary to the selected ` +
-            `set of values (\`true\`) or not (\`false\`). The value of this property is indicated visually.`, null, "boolean", false),
-    },
-    events: {
-        didChange: (0, ComponentDefs_1.d)(`This event is fired when a range boundary has been changed. The event parameters are ` +
-            `the new lower and upper boundary values (in this order).`),
-        getFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
-        dostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
-    },
-    apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, ComponentDefs_1.d)(`You can query the component's value. The value is a two-item array with the ` +
-            `lower (first) and upper (second) boundary values.`),
-        setValue: (0, ComponentDefs_1.d)(`This method sets the component's lower and upper range values. The value must be a ` +
-            `two-item array with the lower (first) and upper (second) boundary values.`),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(Range_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        light: {},
-        dark: {},
-    },
-});
-exports.rangeComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.RangeMd, ({ node, extractValue, lookupEventHandler, layoutCss }) => {
-    return (0, jsx_runtime_1.jsx)(RangeNative_1.Range, {});
-});

package/dist/scripts/src/components/Range/RangeNative.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Range = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.Range = (0, react_1.forwardRef)(function Range({ style }, forwardedRef) {
-    return ((0, jsx_runtime_1.jsx)("div", { ref: forwardedRef, style: Object.assign({ backgroundColor: "orangered", color: "white", padding: 2 }, style), children: "Range component is not implemented yet" }));
-});

package/dist/scripts/src/components/RawHtml/RawHtml.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rawHtmlComponentRenderer = exports.RawHtmlMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const RawHtmlNative_1 = require("./RawHtmlNative");
-const COMP = "RawHtml";
-const hostTypesMd = [
-    {
-        value: "div",
-        description: "Use a 'div' as the host element.",
-    },
-    {
-        value: "span",
-        description: "Use a 'span' as the host element.",
-    },
-];
-exports.RawHtmlMd = (0, ComponentDefs_1.createMetadata)({
-    status: "experimental",
-    description: "This component injects a raw HTML string into the DOM.",
-    props: {
-        content: (0, ComponentDefs_1.d)("Specifies the raw HTML content to inject"),
-        hostElement: (0, ComponentDefs_1.d)("Specifies the host element to inject the content into.", hostTypesMd, "string", "span"),
-    },
-    events: {},
-    apis: {},
-    themeVars: [],
-    defaultThemeVars: {
-        light: {},
-        dark: {},
-    },
-});
-exports.rawHtmlComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.RawHtmlMd, ({ node, extractValue, renderChild, layoutCss }) => {
-    const childText = renderChild(node.children);
-    const content = extractValue.asDisplayText(node.props.content) ||
-        (typeof childText === "string" ? childText : "");
-    return ((0, jsx_runtime_1.jsx)(RawHtmlNative_1.RawHtml, { content: content, hostElement: node.props.hostElement, style: layoutCss }));
-});

package/dist/scripts/src/components/RawHtml/RawHtmlNative.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RawHtml = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RawHtml = ({ content, hostElement, style }) => {
-    if (hostElement === "div") {
-        return (0, jsx_runtime_1.jsx)("div", { style: style, dangerouslySetInnerHTML: { __html: content } });
-    }
-    else {
-        return (0, jsx_runtime_1.jsx)("span", { style: style, dangerouslySetInnerHTML: { __html: content } });
-    }
-};
-exports.RawHtml = RawHtml;