native-document 1.0.149 → 1.0.150

package/src/ui/components/form/fields/AutocompleteFieldRender.js

@@ -1,8 +1,8 @@
-import {Div, Input, Span, ShowIf} from '../../../../../elements';
-import {Dropdown} from '../../../../../components';
+import { Input, Span, ShowIf} from '../../../../../elements';
 import FieldRender from './FieldRender';
-import { $ } from '../../../../../index';
+import { $ } from '../../../../core/data/Observable';
 import {debounce} from "../../../../core/utils/helpers";
+import {Dropdown} from "../../../../components/dropdown";
 
 export default function AutocompleteFieldRender($desc, instance) {
     const $suggestions = $.array([]);

package/src/ui/components/form/fields/CheckboxFieldRender.js

@@ -1,4 +1,4 @@
-import {Div, Label, Input, Span, ShowIf, ForEachArray} from '../../../../../elements';
+import {Div, Label, Input, Span} from '../../../../../elements';
 import {buildErrors} from "../helpers";
 
 export default function CheckboxFieldRender($desc, instance) {

package/src/ui/components/form/fields/CheckboxGroupFieldRender.js

@@ -1,4 +1,4 @@
-import {Div, Label, Input, Span, ShowIf, ForEachArray} from '../../../../../elements';
+import {Div, Label, Input, Span, ForEachArray} from '../../../../../elements';
 import {buildErrors} from "../helpers";
 
 export default function CheckboxGroupFieldRender($desc, instance) {

package/src/ui/components/form/fields/DateFieldRender.js

@@ -1,5 +1,6 @@
-import {Div, Input, Label, Span, ShowIf, Switch} from '../../../../../elements';
+import {Div, Input, Label, Span, Switch} from '../../../../../elements';
 import {buildErrors, buildInputWithSlots} from '../helpers';
+
 import './date-field.css';
 
 export default function DateFieldRender($desc, instance) {

package/src/ui/components/form/fields/FieldRender.js

@@ -1,7 +1,8 @@
 import {Div, Label, Input, Span, ShowIf, ForEachArray} from '../../../../../elements';
-import './field.css';
 import {buildInputWithSlots} from "../helpers";
 
+import './field.css';
+
 export default function FieldRender($desc, instance, input = null) {
     const props = instance.getEditableProps();
 

package/src/ui/components/form/fields/HiddenFieldRender.js

@@ -1,4 +1,3 @@
-import FieldRender from './FieldRender';
 import {Input} from '../../../../../elements';
 
 export default function HiddenFieldRender($desc, instance) {

package/src/ui/components/form/fields/PasswordFieldRender.js

@@ -1,6 +1,6 @@
 import {Span, Button} from '../../../../../elements';
 import FieldRender from './FieldRender';
-import { $ } from '../../../../../index';
+import { $ } from '../../../../core/data/Observable';
 import './password-field.css';
 
 export default function PasswordFieldRender($desc, instance) {

package/src/ui/components/form/fields/RadioFieldRender.js

@@ -1,5 +1,5 @@
 import {Div, Label, Input, Span, ForEachArray} from '../../../../../elements';
-import { $ } from '../../../../../index';
+import { $ } from '../../../../core/data/Observable';
 import {buildErrors} from "../helpers";
 
 export default function RadioFieldRender($desc, instance) {

package/src/ui/components/form/fields/RangeFieldRender.js

@@ -1,5 +1,6 @@
 import {Div, ForEachArray, Input, Label, Span} from '../../../../../elements';
 import {buildErrors} from '../helpers';
+
 import './range-field.css';
 
 export default function RangeFieldRender($desc, instance) {

package/src/ui/components/form/fields/SelectFieldRender.js

@@ -1,6 +1,6 @@
 import {Div, Label, Select, Option, Span, ForEachArray, ShowIf} from '../../../../../elements';
-import { $ } from '../../../../../index';
-import {Dropdown} from '../../../../../components';
+import { $ } from '../../../../core/data/Observable';
+import {Dropdown} from '../../../../components/dropdown';
 import {buildErrors} from '../helpers';
 import DebugManager from "../../../../core/utils/debug-manager";
 

package/src/ui/components/form/fields/SliderFieldRender.js

@@ -1,6 +1,6 @@
 import {Div, Span, Switch, ForEachArray} from '../../../../../elements';
-import { $, Observable } from '../../../../../index';
-import {Tooltip} from '../../../../../components';
+import { $, Observable } from '../../../../core/data/Observable';
+import {Tooltip} from '../../../../components/tooltip';
 import './slider.css';
 
 export default function SliderRender($desc, instance) {

package/src/ui/components/form/fields/TimeFieldRender.js

@@ -1,5 +1,6 @@
 import {Div, Input, Label, Span, Switch} from '../../../../../elements';
 import {buildErrors, buildInputWithSlots} from '../helpers';
+
 import './date-field.css';
 
 export default function TimeFieldRender($desc, instance) {

package/src/ui/components/form/file-upload-mode/FileAvatarModeRender.js

@@ -1,5 +1,5 @@
-import {Div, Input, Span, Img, Button, ShowIf, Switch} from '../../../../../elements';
-import { $ } from '../../../../../index';
+import {Div, Input, Span, Img, Button, Switch} from '../../../../../elements';
+import { $ } from '../../../../core/data/Observable';
 
 import './file-avatar-mode.css';
 

package/src/ui/components/form/file-upload-mode/FileDropzoneModeRender.js

@@ -1,5 +1,5 @@
-import {Div, Input, Img, Span, ForEachArray, ShowIf} from '../../../../../elements';
-import { $ } from '../../../../../index';
+import {Div, Input, Span, ForEachArray, ShowIf} from '../../../../../elements';
+import { $ } from '../../../../core/data/Observable';
 import {buildProgress, formatSize, getFileThumbnail} from '../helpers';
 
 import './file-dropzone-mode.css';

package/src/ui/components/form/file-upload-mode/FileWallModeRender.js

@@ -1,6 +1,5 @@
-import {Div, Input, Span, Img, ForEachArray} from '../../../../../elements';
+import {Div, Input, Span, ForEachArray} from '../../../../../elements';
 import {getFileThumbnail} from '../helpers';
-import { $ } from '../../../../../index';
 
 import './file-wall-mode.css';
 

package/src/ui/components/menu/MenuGroupRender.js

@@ -1,5 +1,4 @@
 import {Div, Span, ForEachArray, ShowIf, Switch} from '../../../core/elements';
-import {MenuDivider} from "../../../components/menu";
 
 export default function MenuGroupRender($desc, instance) {
     if($desc.render) {

package/src/ui/components/menu/MenuItemRender.js

@@ -1,6 +1,6 @@
 import {Div, ListItem, Span } from '../../../core/elements';
 import ShortcutManager from '../../../core/utils/shortcut-manager';
-import { $ } from '../../../../index'
+import { $ } from '../../../core/data/Observable'
 import {buildSubmenu, setupInteraction} from "./helpers";
 
 export default function MenuItemRender($desc, instance) {

package/src/ui/components/menu/MenuLinkRender.js

@@ -1,7 +1,7 @@
 import {Link, ListItem, Span} from "../../../core/elements";
 import { Link as RouterLink } from '../../../../router';
 import ShortcutManager from "../../../core/utils/shortcut-manager";
-import { $ } from '../../../../index';
+import { $ } from '../../../core/data/Observable';
 import {buildSubmenu, setupInteraction} from "./helpers";
 
 export default function MenuLinkRender($desc, instance) {

package/src/ui/components/menu/MenuRender.js

@@ -1,4 +1,5 @@
 import {Nav, ForEachArray} from '../../../core/elements';
+
 import './menu.css';
 
 export default function MenuRender($desc, instance) {

package/src/ui/components/modal/ModalRender.js

@@ -1,10 +1,9 @@
 import {Dialog, Div, Span} from '../../../core/elements';
 import Button from '../../../components/button/Button';
 import {ElementCreator} from "../../../core/wrappers/ElementCreator";
+import {createPortal} from "../../../core/elements/anchor/anchor";
 
 import './modal.css';
-import {createPortal} from "../../../../elements";
-import widget from "../../../../devtools/widget";
 
 export default function ModalRender($desc, instance) {
     const editableProps = instance.getEditableProps();

package/src/ui/components/pagination/PaginationRender.js

@@ -1,6 +1,6 @@
-import {Div, ForEachArray, Span} from '../../../core/elements';
-import './pagination.css';
+import {Div, ForEachArray} from '../../../core/elements';
 
+import './pagination.css';
 
 export default function PaginationRender($desc, instance) {
     const props = instance.getEditableProps();

package/src/ui/components/popover/PopoverRender.js

@@ -1,7 +1,6 @@
 import {Div, ShowIf, Span} from '../../../core/elements';
 import {computePosition, flip, arrow, offset, shift, size} from '@floating-ui/dom';
-import {Observable} from '../../../../index';
-import {ElementCreator} from "../../../core/wrappers/ElementCreator";
+import {Observable} from '../../../core/data/Observable';
 
 import './popover.css';
 

package/src/ui/components/skeleton/SkeletonRender.js

@@ -1,4 +1,5 @@
 import {Div, Span} from '../../../core/elements';
+
 import './skeleton.css';
 
 export default function SkeletonRender($desc, instance) {

package/src/ui/components/spinner/SpinnerRender.js

@@ -1,4 +1,5 @@
-import {Div, ShowIf, Span} from '../../../core/elements';
+import {Div, Span} from '../../../core/elements';
+
 import './spinner.css';
 
 export default function SpinnerRender($desc, instance) {

package/src/ui/components/splitter/SplitterRender.js

@@ -1,6 +1,7 @@
 import {Div} from '../../../core/elements';
 import {ElementCreator} from '../../../core/wrappers/ElementCreator';
 import SplitterGutter from '../../../components/splitter/SplitterGutter';
+
 import './splitter.css';
 
 export default function SplitterRender($desc, instance) {

package/src/ui/components/stacks/PositionStackRender.js

@@ -1,4 +1,5 @@
 import {Div} from "../../../core/elements";
+
 import './position-stack.css';
 
 export default function PositionStackRender(mainClass, $desc, instance) {

package/src/ui/components/stacks/StackRender.js

@@ -2,7 +2,6 @@ import {Div} from "../../../core/elements";
 
 import './stack.css';
 
-
 export default function StackRender(mainClass, $desc, instance) {
     const props = instance.getEditableProps();
     props.class.add('stack '+mainClass);

package/src/ui/components/stacks/v-stack/VStackRender.js

@@ -1,4 +1,5 @@
 import StackRender from "../StackRender";
+
 import './v-stack.css';
 
 const VStackRender = StackRender.bind(null, 'v-stack');

package/src/ui/components/stepper/StepperRender.js

@@ -1,4 +1,5 @@
-import {Div, Span, ForEachArray, Match} from '../../../core/elements';
+import {Div, ForEachArray, Match} from '../../../core/elements';
+
 import './stepper.css';
 
 export default function StepperRender($desc, instance) {

package/src/ui/components/stepper/StepperStepRender.js

@@ -1,5 +1,5 @@
 import {Div, Span} from '../../../core/elements';
-import { Observable } from "../../../../index";
+import { Observable } from "../../../core/data/Observable";
 
 export default function StepperStepRender($desc, instance) {
     if($desc.render) {

package/src/ui/components/switch/SwitchRender.js

@@ -1,4 +1,5 @@
 import {Div, Span, Label, Input, Match} from '../../../../elements';
+
 import './switch.css';
 
 export default function SwitchRender($desc, instance) {

package/src/ui/components/table/data-table/DataTableRender.js

@@ -1,5 +1,6 @@
-import {Div, Span, Table, THead, TBody, TRow, THeadCell, TBodyCell, Input, Select, Option, Button} from '../../../../../elements';
+import {Div} from '../../../../../elements';
 import './data-table.css';
+
 import {buildColumnsBtn, buildExportBtn, buildFiltersBtn, buildSearch, buildToolbar} from "./toolbar";
 import {buildBulkActions, buildBulkButtons, buildBulkCount} from "./bulk-actions";
 import {buildTable} from "./tables";

package/src/ui/components/table/data-table/bulk-actions.js

@@ -1,6 +1,5 @@
-import {Div, Span} from "../../../../../elements";
+import {Div, Span, ShowIf} from "../../../../../elements";
 import {Button} from "../../../../components/button";
-import {ShowIf} from "../../../../core/elements";
 
 export const buildBulkActions = ({bulkCount, bulkButtons}, $desc, instance) => {
     if(!$desc.bulkActions?.length) return null;

package/src/ui/components/table/data-table/pagination.js

@@ -1,5 +1,5 @@
 import {Div, Span} from "../../../../../elements";
-import { $ } from "../../../../../index";
+import { $ } from "../../../../core/data/Observable";
 import {SelectField} from "../../../../components/form";
 import {Pagination} from "../../../../components/pagination";
 

package/src/ui/components/table/data-table/tables.js

@@ -12,7 +12,7 @@ import {
     THeadCell,
     TRow
 } from "../../../../../elements";
-import { $ } from "../../../../../index";
+import { $ } from "../../../../core/data/Observable";
 
 export const buildTable = ($desc, instance, visibleColumns) => {
     const thead = $desc.noHeader ? null : buildTHead($desc, instance, visibleColumns);

package/src/ui/components/table/simple-table/SimpleTableRender.js

@@ -1,6 +1,7 @@
-import {Table, THead, TBody, TRow, THeadCell, TBodyCell, Div, Span, ShowIf} from '../../../../../elements';
+import {Table, THead, TBody, TRow, THeadCell, TBodyCell, Span, ShowIf} from '../../../../core/elements';
+import {classPropertyAccumulator} from "../../../../core/utils/property-accumulator";
+
 import './simple-table.css';
-import {classPropertyAccumulator} from "../../../../../utils";
 
 export default function SimpleTableRender($desc, instance) {
     const props = instance.getEditableProps();

package/src/ui/components/tabs/TabsRender.js

@@ -1,5 +1,5 @@
 import {Div, ForEachArray, Match, Nav, ShowIf, Span} from '../../../core/elements';
-import { $ } from '../../../../index';
+import { $ } from '../../../core/data/Observable';
 import {Button} from "../../../components/button";
 import {Dropdown} from '../../../components/dropdown';
 import {nextTick} from "../../../core/utils/helpers";

package/src/ui/components/toast/ToastRender.js

@@ -1,6 +1,7 @@
 import {Div, Span} from '../../../core/elements';
-import {createPortal} from "../../../../elements";
 import Button from '../../../components/button/Button';
+import {createPortal} from "../../../core/elements/anchor/anchor";
+
 import './toast.css';
 
 const $containers = {};

package/src/ui/theme.js

@@ -1,6 +0,0 @@
-import ButtonRender from "./components/button/button.render";
-
-
-export const DefaultTheme = {
-    Button: ButtonRender
-}

package/src/ui/theme.scss

@@ -0,0 +1 @@
+@use 'tokens/index';