xmlui 0.7.21 → 0.7.22

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.noResultComponentRenderer = exports.NoResultMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const NoResult_module_scss_1 = __importDefault(require("./NoResult.module.scss"));
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const NoResultNative_1 = require("./NoResultNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
-const renderers_1 = require("@components-core/renderers");
 const COMP = "NoResult";
 exports.NoResultMd = (0, ComponentDefs_1.createMetadata)({
     description: `\`${COMP}\` is a component that displays a visual indication that some data query (search) ` +

package/dist/scripts/src/components/NoResult/NoResultNative.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoResult = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const IconNative_1 = require("@components/Icon/IconNative");
-const NoResult_module_scss_1 = __importDefault(require("./NoResult.module.scss"));
 const react_1 = require("react");
+const NoResult_module_scss_1 = __importDefault(require("./NoResult.module.scss"));
+const IconNative_1 = require("../Icon/IconNative");
 exports.NoResult = (0, react_1.forwardRef)(function NoResult({ label, icon, hideIcon = false, style }, forwardedRef) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: NoResult_module_scss_1.default.wrapper, style: style, ref: forwardedRef, children: [!hideIcon && (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: icon !== null && icon !== void 0 ? icon : "noresult", className: NoResult_module_scss_1.default.icon }), label] }));
 });

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

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.numberBoxComponentRenderer = exports.NumberBoxMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("@components-core/renderers");
 const NumberBox_module_scss_1 = __importDefault(require("./NumberBox.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const NumberBoxNative_1 = require("./NumberBoxNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "NumberBox";
 exports.NumberBoxMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

package/dist/scripts/src/components/NumberBox/NumberBoxNative.js

@@ -39,15 +39,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const classnames_1 = __importDefault(require("classnames"));
 const NumberBox_module_scss_1 = __importDefault(require("./NumberBox.module.scss"));
-const constants_1 = require("@components-core/constants");
-const IconNative_1 = require("@components/Icon/IconNative");
-const InputAdornment_1 = require("@components/Input/InputAdornment");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const misc_1 = require("@components-core/utils/misc");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
 const numberbox_abstractions_1 = require("./numberbox-abstractions");
+const IconNative_1 = require("../Icon/IconNative");
+const InputAdornment_1 = require("../Input/InputAdornment");
+const ButtonNative_1 = require("../Button/ButtonNative");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 exports.NumberBox = (0, react_1.forwardRef)(function NumberBox({ id, value, initialValue, style, enabled = true, placeholder, validationStatus = "none", hasSpinBox = true, step, integersOnly = false, zeroOrPositive = false, min = zeroOrPositive ? 0 : -numberbox_abstractions_1.NUMBERBOX_MAX_VALUE, max = numberbox_abstractions_1.NUMBERBOX_MAX_VALUE, maxLength, updateState = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, registerComponentApi, startText, startIcon, endText, endIcon, autoFocus, readOnly, required, label, labelPosition, labelWidth, labelBreak, }, forwardedRef) {
     var _a;
     // Ensure the provided minimum is not smaller than the 0 if zeroOrPositive is set to true

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

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.offCanvasComponentRenderer = exports.OffCanvasMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
 const OffCanvas_module_scss_1 = __importDefault(require("./OffCanvas.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const abstractions_1 = require("../abstractions");
+const metadata_helpers_1 = require("../metadata-helpers");
 const OffCanvasNative_1 = require("./OffCanvasNative");
-const abstractions_1 = require("@components/abstractions");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "OffCanvas";
 // See reference implementation here: https://getbootstrap.com/docs/5.3/components/alerts/
 exports.OffCanvasMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/OffCanvas/OffCanvasNative.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OffCanvas = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const OffCanvas_module_scss_1 = __importDefault(require("./OffCanvas.module.scss"));
 const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const OffCanvas_module_scss_1 = __importDefault(require("./OffCanvas.module.scss"));
 const OffCanvas = ({ title, isInitiallyOpen, onClose, placement = "right", showCloseButton = true, children, allowScroll = true, showBackdrop = false, style, }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(isInitiallyOpen);
     const [place, setPlace] = (0, react_1.useState)(placement);

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.optionComponentRenderer = exports.OptionMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const OptionTypeProvider_1 = require("@components/Option/OptionTypeProvider");
 const react_1 = require("react");
-const metadata_helpers_1 = require("@components/metadata-helpers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const metadata_helpers_1 = require("../metadata-helpers");
+const OptionTypeProvider_1 = require("../Option/OptionTypeProvider");
 const COMP = "Option";
 exports.OptionMd = (0, ComponentDefs_1.createMetadata)({
     description: `\`${COMP}\` is a non-visual component describing a selection option. Other components ` +

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pageHeaderRenderer = exports.PageHeaderMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 // import componentSource from "./PageHeader.xmlui?raw";
 const COMP = "PageHeader";

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pageMetaTitleComponentRenderer = exports.PageMetaTitleMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const PageMetaTilteNative_1 = require("./PageMetaTilteNative");
 const COMP = "PageMetaTitle";
 exports.PageMetaTitleMd = (0, ComponentDefs_1.createMetadata)({

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pagesRenderer = exports.PagesMd = exports.pageRenderer = exports.PageMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const TableOfContentsContext_1 = require("@components-core/TableOfContentsContext");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const TableOfContentsContext_1 = require("../../components-core/TableOfContentsContext");
 const PagesNative_1 = require("./PagesNative");
 const PAGE = "Page";
 exports.PageMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/Pages/PagesNative.js

@@ -19,9 +19,9 @@ exports.Pages = Pages;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("@remix-run/react");
-const constants_1 = require("@components-core/constants");
-const Pages_module_scss_1 = __importDefault(require("./Pages.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
+const constants_1 = require("../../components-core/constants");
+const Pages_module_scss_1 = __importDefault(require("./Pages.module.scss"));
 // --- We need this component to make sure all the child routes are wrapped in a
 // --- container and  this way they can access the routeParams
 function RouteWrapper({ childRoute = constants_1.EMPTY_ARRAY, renderChild, layoutContext, style, uid }) {

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

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.positionedContainerComponentRenderer = exports.PositionedContainerMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
 const PositionedContainer_module_scss_1 = __importDefault(require("./PositionedContainer.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
 const PositionedContainerNative_1 = require("./PositionedContainerNative");
 const COMP = "PositionedContainer";
 exports.PositionedContainerMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/PositionedContainer/PositionedContainerNative.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PositionedContainer = PositionedContainer;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
 const PositionedContainer_module_scss_1 = __importDefault(require("./PositionedContainer.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
 function PositionedContainer({ children, top, right, bottom, left, visibleOnHover = false, }) {
     return ((0, jsx_runtime_1.jsx)("div", { style: { top, right, bottom, left }, className: (0, classnames_1.default)(PositionedContainer_module_scss_1.default.wrapper, {
             [PositionedContainer_module_scss_1.default.visibleOnHover]: visibleOnHover,

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

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.progressBarComponentRenderer = exports.ProgressBarMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
 const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
 const ProgressBarNative_1 = require("./ProgressBarNative");
 const COMP = "ProgressBar";
 exports.ProgressBarMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/ProgressBar/ProgressBarNative.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressBar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
 const react_1 = require("react");
+const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
 exports.ProgressBar = (0, react_1.forwardRef)(function ProgressBar({ value = 0, style }, forwardedRef) {
     return ((0, jsx_runtime_1.jsx)("div", { className: ProgressBar_module_scss_1.default.wrapper, style: style, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("div", { style: { width: `${value * 100}%` }, className: ProgressBar_module_scss_1.default.bar }) }));
 });

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.queueComponentRenderer = exports.QueueMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const container_helpers_1 = require("@components/container-helpers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const container_helpers_1 = require("../container-helpers");
 const QueueNative_1 = require("./QueueNative");
 const COMP = "Queue";
 exports.QueueMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/Queue/QueueNative.js

@@ -16,12 +16,12 @@ exports.Queue = Queue;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
-const lodash_es_1 = require("lodash-es");
-const misc_1 = require("@components-core/utils/misc");
-const AppContext_1 = require("@components-core/AppContext");
 const immer_1 = __importDefault(require("immer"));
-const queueActions_1 = require("@components/Queue/queueActions");
-const hooks_1 = require("@components-core/utils/hooks");
+const lodash_es_1 = require("lodash-es");
+const hooks_1 = require("../../components-core/utils/hooks");
+const misc_1 = require("../../components-core/utils/misc");
+const AppContext_1 = require("../../components-core/AppContext");
+const queueActions_1 = require("../Queue/queueActions");
 const queueReducer = (0, immer_1.default)((state, action) => {
     switch (action.type) {
         case queueActions_1.QueueActionKind.ACTION_QUEUE_INITIALIZED: {

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.radioGroupRenderer = exports.RadioGroupMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const RadioGroup_module_scss_1 = __importDefault(require("./RadioGroup.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const RadioGroupNative_1 = require("./RadioGroupNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "RadioGroup";
 const RGOption = `RadioGroupOption`;
 exports.RadioGroupMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/RadioGroup/RadioGroupNative.js

@@ -39,13 +39,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroupOption = exports.RadioGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const RadioGroup_module_scss_1 = __importDefault(require("./RadioGroup.module.scss"));
-const constants_1 = require("@components-core/constants");
 const InnerRadioGroup = __importStar(require("@radix-ui/react-radio-group"));
-const misc_1 = require("@components-core/utils/misc");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
-const OptionTypeProvider_1 = __importDefault(require("@components/Option/OptionTypeProvider"));
+const classnames_1 = __importDefault(require("classnames"));
+const RadioGroup_module_scss_1 = __importDefault(require("./RadioGroup.module.scss"));
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
+const OptionTypeProvider_1 = __importDefault(require("../Option/OptionTypeProvider"));
 const RadioGroupValidationStatusContext = (0, react_1.createContext)({
     status: "none",
 });

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.realTimeAdapterComponentRenderer = exports.RealTimeAdapterMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const RealTimeAdapterNative_1 = require("./RealTimeAdapterNative");
 const COMP = "RealTimeAdapter";
 exports.RealTimeAdapterMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/RealTimeAdapter/RealTimeAdapterNative.js

@@ -14,9 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RealTimeAdapter = RealTimeAdapter;
 const react_1 = require("react");
-const RestApiProxy_1 = __importDefault(require("@components-core/RestApiProxy"));
-const misc_1 = require("@components-core/utils/misc");
-const AppContext_1 = require("@components-core/AppContext");
+const RestApiProxy_1 = __importDefault(require("../../components-core/RestApiProxy"));
+const misc_1 = require("../../components-core/utils/misc");
+const AppContext_1 = require("../../components-core/AppContext");
 class PollClient {
     constructor(url, appContext) {
         this.url = url;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.redirectRenderer = exports.RedirectMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("@components-core/renderers");
 const react_1 = require("@remix-run/react");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const component_utils_1 = require("../component-utils");
 const COMP = "Redirect";
 exports.RedirectMd = (0, ComponentDefs_1.createMetadata)({

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

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComponentRenderer = exports.SelectMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const Select_module_scss_1 = __importDefault(require("@components/Select/Select.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
-const metadata_helpers_1 = require("@components/metadata-helpers");
-const SelectNative_1 = require("@components/Select/SelectNative");
-const container_helpers_1 = require("@components/container-helpers");
+const Select_module_scss_1 = __importDefault(require("../Select/Select.module.scss"));
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
+const container_helpers_1 = require("../container-helpers");
+const SelectNative_1 = require("../Select/SelectNative");
 const COMP = "Select";
 exports.SelectMd = (0, ComponentDefs_1.createMetadata)({
     description: "Provides a dropdown with a list of options to choose from.",

package/dist/scripts/src/components/Select/SelectNative.js

@@ -39,28 +39,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComboboxOption = exports.Select = void 0;
 exports.HiddenOption = HiddenOption;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = __importStar(require("react"));
-const constants_1 = require("@components-core/constants");
+const react_1 = __importStar(require("react"));
+const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
 const react_select_1 = require("@radix-ui/react-select");
-const IconNative_1 = __importDefault(require("@components/Icon/IconNative"));
-const SelectContext_1 = require("@components/Select/SelectContext");
-const Select_module_scss_1 = __importDefault(require("./Select.module.scss"));
-const classnames_1 = __importDefault(require("classnames"));
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const OptionTypeProvider_1 = __importDefault(require("@components/Option/OptionTypeProvider"));
-const cmdk_1 = require("cmdk");
 const react_popover_1 = require("@radix-ui/react-popover");
-const misc_1 = require("@components-core/utils/misc");
-const OptionContext_1 = require("@components/Select/OptionContext");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
+const cmdk_1 = require("cmdk");
+const classnames_1 = __importDefault(require("classnames"));
+const Select_module_scss_1 = __importDefault(require("./Select.module.scss"));
+const constants_1 = require("../../components-core/constants");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const misc_1 = require("../../components-core/utils/misc");
+const IconNative_1 = __importDefault(require("../Icon/IconNative"));
+const SelectContext_1 = require("../Select/SelectContext");
+const OptionTypeProvider_1 = __importDefault(require("../Option/OptionTypeProvider"));
+const OptionContext_1 = require("../Select/OptionContext");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 const SimpleSelect = (0, react_1.forwardRef)(function SimpleSelect(props, forwardedRef) {
     const { root } = (0, ThemeContext_1.useTheme)();
     const { enabled, onBlur, autoFocus, onValueChange, validationStatus, children, value, height, style, placeholder, id, triggerRef, onFocus, options, } = props;
     const ref = forwardedRef ? (0, react_compose_refs_1.composeRefs)(triggerRef, forwardedRef) : triggerRef;
     const stringValue = value + "";
-    const onValChange = (0, react_2.useCallback)((val) => {
+    const onValChange = (0, react_1.useCallback)((val) => {
         var _a;
         const valueWithMatchingType = (_a = Array.from(options.values()).find((o) => o.value + "" === val)) === null || _a === void 0 ? void 0 : _a.value;
         onValueChange(valueWithMatchingType);
@@ -73,20 +72,20 @@ const SimpleSelect = (0, react_1.forwardRef)(function SimpleSelect(props, forwar
 });
 exports.Select = (0, react_1.forwardRef)(function Select({ id, initialValue, value, enabled = true, placeholder, updateState = constants_1.noop, validationStatus = "none", onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, registerComponentApi, emptyListTemplate, optionLabelRenderer, valueRenderer, style, dropdownHeight, children, autoFocus = false, searchable = false, multiSelect = false, label, labelPosition, labelWidth, labelBreak, required = false, }, ref) {
     var _a;
-    const [referenceElement, setReferenceElement] = (0, react_2.useState)(null);
-    const [open, setOpen] = (0, react_2.useState)(false);
-    const [width, setWidth] = (0, react_2.useState)(0);
-    const observer = (0, react_2.useRef)();
+    const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const observer = (0, react_1.useRef)();
     const { root } = (0, ThemeContext_1.useTheme)();
-    const [options, setOptions] = (0, react_2.useState)(new Set());
+    const [options, setOptions] = (0, react_1.useState)(new Set());
     // Set initial state based on the initialValue prop
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if (initialValue !== undefined) {
             updateState({ value: initialValue }, { initial: true });
         }
     }, [initialValue, updateState]);
     // Observe the size of the reference element
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         const current = referenceElement;
         (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -100,7 +99,7 @@ exports.Select = (0, react_1.forwardRef)(function Select({ id, initialValue, val
         };
     }, [referenceElement]);
     // Handle option selection
-    const toggleOption = (0, react_2.useCallback)((selectedValue) => {
+    const toggleOption = (0, react_1.useCallback)((selectedValue) => {
         const newSelectedValue = multiSelect
             ? Array.isArray(value)
                 ? value.includes(selectedValue)
@@ -115,41 +114,41 @@ exports.Select = (0, react_1.forwardRef)(function Select({ id, initialValue, val
         setOpen(false);
     }, [multiSelect, value, updateState, onDidChange]);
     // Clear selected value
-    const clearValue = (0, react_2.useCallback)(() => {
+    const clearValue = (0, react_1.useCallback)(() => {
         const newValue = multiSelect ? [] : "";
         updateState({ value: newValue });
         onDidChange(newValue);
     }, [multiSelect, updateState, onDidChange]);
     // Register component API for external interactions
-    const focus = (0, react_2.useCallback)(() => {
+    const focus = (0, react_1.useCallback)(() => {
         referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.focus();
     }, [referenceElement]);
     const setValue = (0, misc_1.useEvent)((newValue) => {
         toggleOption(newValue);
     });
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
             focus,
             setValue,
         });
     }, [focus, registerComponentApi, setValue]);
     // Render the "empty list" message
-    const emptyListNode = (0, react_2.useMemo)(() => emptyListTemplate !== null && emptyListTemplate !== void 0 ? emptyListTemplate : ((0, jsx_runtime_1.jsxs)("div", { className: Select_module_scss_1.default.selectEmpty, children: [(0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "noresult" }), (0, jsx_runtime_1.jsx)("span", { children: "List is empty" })] })), [emptyListTemplate]);
-    const onOptionAdd = (0, react_2.useCallback)((option) => {
+    const emptyListNode = (0, react_1.useMemo)(() => emptyListTemplate !== null && emptyListTemplate !== void 0 ? emptyListTemplate : ((0, jsx_runtime_1.jsxs)("div", { className: Select_module_scss_1.default.selectEmpty, children: [(0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "noresult" }), (0, jsx_runtime_1.jsx)("span", { children: "List is empty" })] })), [emptyListTemplate]);
+    const onOptionAdd = (0, react_1.useCallback)((option) => {
         setOptions((prev) => new Set(prev).add(option));
     }, []);
-    const onOptionRemove = (0, react_2.useCallback)((option) => {
+    const onOptionRemove = (0, react_1.useCallback)((option) => {
         setOptions((prev) => {
             const optionsSet = new Set(prev);
             optionsSet.delete(option);
             return optionsSet;
         });
     }, []);
-    const optionContextValue = (0, react_2.useMemo)(() => ({
+    const optionContextValue = (0, react_1.useMemo)(() => ({
         onOptionAdd,
         onOptionRemove,
     }), [onOptionAdd, onOptionRemove]);
-    const selectContextValue = (0, react_2.useMemo)(() => ({
+    const selectContextValue = (0, react_1.useMemo)(() => ({
         multiSelect,
         value,
         optionLabelRenderer,
@@ -179,7 +178,7 @@ exports.Select = (0, react_1.forwardRef)(function Select({ id, initialValue, val
                                                 (0, jsx_runtime_1.jsx)("button", { autoFocus: true, "aria-hidden": "true", className: Select_module_scss_1.default.srOnly })), (0, jsx_runtime_1.jsxs)(cmdk_1.CommandList, { className: Select_module_scss_1.default.commandList, children: [Array.from(options).map(({ value, label, enabled, keywords }) => ((0, jsx_runtime_1.jsx)(exports.ComboboxOption, { value: value, label: label, enabled: enabled, keywords: keywords }, value))), (0, jsx_runtime_1.jsx)(cmdk_1.CommandEmpty, { children: emptyListNode })] })] }) }) })] }) })] })) : ((0, jsx_runtime_1.jsx)(SimpleSelect, { ref: ref, value: value, options: options, onValueChange: toggleOption, id: id, style: style, onFocus: onFocus, onBlur: onBlur, enabled: enabled, validationStatus: validationStatus, triggerRef: setReferenceElement, autoFocus: autoFocus, placeholder: placeholder, height: dropdownHeight, children: children || emptyListNode })) }) }));
 });
 exports.ComboboxOption = (0, react_1.forwardRef)(function Combobox(option, forwardedRef) {
-    const id = (0, react_2.useId)();
+    const id = (0, react_1.useId)();
     const { label, value, enabled = true, keywords } = option;
     const { value: selectedValue, onChange, multi, optionLabelRenderer } = (0, SelectContext_1.useSelect)();
     const selected = Array.isArray(selectedValue) && multi ? selectedValue.includes(value) : selectedValue === value;
@@ -189,22 +188,22 @@ exports.ComboboxOption = (0, react_1.forwardRef)(function Combobox(option, forwa
 });
 function HiddenOption(option) {
     const { onOptionRemove, onOptionAdd } = (0, OptionContext_1.useOption)();
-    const [node, setNode] = (0, react_2.useState)(null);
-    const opt = (0, react_2.useMemo)(() => {
+    const [node, setNode] = (0, react_1.useState)(null);
+    const opt = (0, react_1.useMemo)(() => {
         var _a, _b;
         return Object.assign(Object.assign({}, option), { labelText: (_a = node === null || node === void 0 ? void 0 : node.textContent) !== null && _a !== void 0 ? _a : "", keywords: [(_b = node === null || node === void 0 ? void 0 : node.textContent) !== null && _b !== void 0 ? _b : ""] });
     }, [option, node]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         onOptionAdd(opt);
         return () => onOptionRemove(opt);
     }, [opt, onOptionAdd, onOptionRemove]);
     return ((0, jsx_runtime_1.jsx)("div", { ref: (el) => setNode(el), style: { display: "none" }, children: option.label }));
 }
-const SelectOption = react_2.default.forwardRef((option, ref) => {
+const SelectOption = react_1.default.forwardRef((option, ref) => {
     const { value, label, enabled = true } = option;
     const { onOptionRemove, onOptionAdd } = (0, OptionContext_1.useOption)();
     const { optionLabelRenderer } = (0, SelectContext_1.useSelect)();
-    (0, react_2.useLayoutEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         onOptionAdd(option);
         return () => onOptionRemove(option);
     }, [option, onOptionAdd, onOptionRemove]);

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectionStoreComponentRenderer = exports.SelectionStoreMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const SelectionStoreNative_1 = require("./SelectionStoreNative");
 const COMP = "SelectionStore";
 exports.SelectionStoreMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/SelectionStore/SelectionStoreNative.js

@@ -38,8 +38,8 @@ exports.useSelectionContext = useSelectionContext;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const lodash_es_1 = require("lodash-es");
-const misc_1 = require("@components-core/utils/misc");
-const constants_1 = require("@components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const constants_1 = require("../../components-core/constants");
 const EMPTY_SELECTION_STATE = {
     value: constants_1.EMPTY_ARRAY
 };