@uzum-tech/ui 2.0.5 → 2.0.7

package/es/tree-select/src/TreeSelect.d.ts

@@ -7,15 +7,17 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import type { InternalTreeInst, Key, TreeOption } from '../../tree/src/interface';
-import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
+import type { OnScrollOptionEnd, OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
     readonly renderLabel: PropType<TreeSelectRenderLabel>;
     readonly renderPrefix: PropType<TreeSelectRenderPrefix>;
     readonly renderSuffix: PropType<TreeSelectRenderSuffix>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
-    readonly onBlur: PropType<(e: FocusEvent) => void>;
-    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onBlur: PropType<(event: FocusEvent) => void>;
+    readonly onFocus: PropType<(event: FocusEvent) => void>;
+    readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -139,6 +141,8 @@ export declare const treeSelectProps: {
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -391,6 +395,8 @@ export declare const treeSelectProps: {
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -643,6 +649,8 @@ export declare const treeSelectProps: {
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -888,8 +896,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly renderPrefix: PropType<TreeSelectRenderPrefix>;
     readonly renderSuffix: PropType<TreeSelectRenderSuffix>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
-    readonly onBlur: PropType<(e: FocusEvent) => void>;
-    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onBlur: PropType<(event: FocusEvent) => void>;
+    readonly onFocus: PropType<(event: FocusEvent) => void>;
+    readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -1013,6 +1023,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -1265,6 +1277,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -1517,6 +1531,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -1815,22 +1831,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => void;
     handleMenuLeave: () => void;
     handleTriggerClick: () => void;
-    handleMenuClickoutside: (e: MouseEvent) => void;
+    handleMenuClickoutside: (event: MouseEvent) => void;
     handleUpdateCheckedKeys: (keys: Key[], _: unknown, meta: {
         node: TreeOption | null;
         action: "check" | "uncheck";
     }) => void;
     handleUpdateIndeterminateKeys: (keys: Key[]) => void;
-    handleTriggerFocus: (e: FocusEvent) => void;
-    handleTriggerBlur: (e: FocusEvent) => void;
-    handleMenuFocusin: (e: FocusEvent) => void;
-    handleMenuFocusout: (e: FocusEvent) => void;
-    handleClear: (e: MouseEvent) => void;
+    handleTriggerFocus: (event: FocusEvent) => void;
+    handleTriggerBlur: (event: FocusEvent) => void;
+    handleMenuFocusin: (event: FocusEvent) => void;
+    handleMenuFocusout: (event: FocusEvent) => void;
+    handleClear: (event: MouseEvent) => void;
     handleDeleteOption: (option: SelectBaseOption) => void;
-    handlePatternInput: (e: InputEvent) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
+    handlePatternInput: (event: InputEvent) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
     handleTabOut: () => void;
-    handleMenuMousedown: (e: MouseEvent) => void;
+    handleMenuMousedown: (event: MouseEvent) => void;
+    handleTreeScroll: (event: Event) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;
         self: {
@@ -1854,6 +1871,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 nodeColorPressed: string;
                 nodeColorActive: string;
                 arrowColor: string;
+                switcherColor: string;
+                switcherSize: string;
                 nodeTextColor: string;
                 nodeTextColorDisabled: string;
                 loadingColor: string;
@@ -2228,8 +2247,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly renderPrefix: PropType<TreeSelectRenderPrefix>;
     readonly renderSuffix: PropType<TreeSelectRenderSuffix>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
-    readonly onBlur: PropType<(e: FocusEvent) => void>;
-    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onBlur: PropType<(event: FocusEvent) => void>;
+    readonly onFocus: PropType<(event: FocusEvent) => void>;
+    readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -2353,6 +2374,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -2605,6 +2628,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -2857,6 +2882,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;

package/es/tree-select/src/TreeSelect.mjs

@@ -13,6 +13,7 @@ import { createTreeMateOptions, treeSharedProps } from "../../tree/src/Tree.mjs"
 import { useMergedCheckStrategy } from "../../tree/src/utils.mjs";
 import { treeSelectLight } from "../styles/index.mjs";
 import { treeSelectInjectionKey } from "./interface.mjs";
+import { scanReachedRootOptions } from "./scroll-option-end.mjs";
 import style from "./styles/index.cssr.mjs";
 import { treeOption2SelectOption, treeOption2SelectOptionWithPath } from "./utils.mjs";
 export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
@@ -83,6 +84,8 @@ export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.
   nodeProps: Function,
   onBlur: Function,
   onFocus: Function,
+  onScroll: [Function, Array],
+  onScrollOptionEnd: [Function, Array],
   onLoad: Function,
   onUpdateShow: [Function, Array],
   onUpdateValue: [Function, Array],
@@ -162,6 +165,7 @@ export default defineComponent({
     const controlledExpandedKeysRef = toRef(props, 'expandedKeys');
     const mergedExpandedKeysRef = useMergedState(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
     const focusedRef = ref(false);
+    let visibleRootEndKeys = new Set();
     const mergedPlaceholderRef = computed(() => {
       const {
         placeholder
@@ -297,19 +301,19 @@ export default defineComponent({
       }
       uncontrolledExpandedKeysRef.value = keys;
     }
-    function doFocus(e) {
+    function doFocus(event) {
       const {
         onFocus
       } = props;
-      if (onFocus) onFocus(e);
+      if (onFocus) onFocus(event);
       triggerFormFocus();
     }
-    function doBlur(e) {
+    function doBlur(event) {
       closeMenu();
       const {
         onBlur
       } = props;
-      if (onBlur) onBlur(e);
+      if (onBlur) onBlur(event);
       triggerFormBlur();
     }
     function closeMenu() {
@@ -326,11 +330,12 @@ export default defineComponent({
     }
     function handleMenuLeave() {
       patternRef.value = '';
+      visibleRootEndKeys = new Set();
     }
-    function handleMenuClickoutside(e) {
+    function handleMenuClickoutside(event) {
       var _a;
       if (mergedShowRef.value) {
-        if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(getPreciseEventTarget(e)))) {
+        if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(getPreciseEventTarget(event)))) {
           // outside select, don't need to return focus
           closeMenu();
         }
@@ -390,36 +395,36 @@ export default defineComponent({
         doUpdateIndeterminateKeys(keys, getOptionsByKeys(keys));
       }
     }
-    function handleTriggerFocus(e) {
+    function handleTriggerFocus(event) {
       var _a;
-      if ((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) return;
+      if ((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) return;
       focusedRef.value = true;
-      doFocus(e);
+      doFocus(event);
     }
-    function handleTriggerBlur(e) {
+    function handleTriggerBlur(event) {
       var _a;
-      if ((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) return;
+      if ((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) return;
       focusedRef.value = false;
-      doBlur(e);
+      doBlur(event);
     }
-    function handleMenuFocusin(e) {
+    function handleMenuFocusin(event) {
       var _a, _b, _c;
-      if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
+      if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(event.relatedTarget))) {
         return;
       }
       focusedRef.value = true;
-      doFocus(e);
+      doFocus(event);
     }
-    function handleMenuFocusout(e) {
+    function handleMenuFocusout(event) {
       var _a, _b, _c;
-      if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
+      if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(event.relatedTarget))) {
         return;
       }
       focusedRef.value = false;
-      doBlur(e);
+      doBlur(event);
     }
-    function handleClear(e) {
-      e.stopPropagation();
+    function handleClear(event) {
+      event.stopPropagation();
       const {
         multiple
       } = props;
@@ -481,24 +486,24 @@ export default defineComponent({
         }
       }
     }
-    function handlePatternInput(e) {
+    function handlePatternInput(event) {
       const {
         value
-      } = e.target;
+      } = event.target;
       patternRef.value = value;
     }
-    function treeHandleKeydown(e) {
+    function treeHandleKeydown(event) {
       const {
         value: treeInst
       } = treeInstRef;
       if (treeInst) {
-        treeInst.handleKeydown(e);
+        treeInst.handleKeydown(event);
       }
     }
-    function handleKeydown(e) {
-      if (e.key === 'Enter') {
+    function handleKeydown(event) {
+      if (event.key === 'Enter') {
         if (mergedShowRef.value) {
-          treeHandleKeydown(e);
+          treeHandleKeydown(event);
           if (!props.multiple) {
             closeMenu();
             focusSelection();
@@ -506,17 +511,17 @@ export default defineComponent({
         } else {
           openMenu();
         }
-        e.preventDefault();
-      } else if (e.key === 'Escape') {
+        event.preventDefault();
+      } else if (event.key === 'Escape') {
         if (mergedShowRef.value) {
-          markEventEffectPerformed(e);
+          markEventEffectPerformed(event);
           closeMenu();
           focusSelection();
         }
       } else {
         if (mergedShowRef.value) {
-          treeHandleKeydown(e);
-        } else if (e.key === 'ArrowDown') {
+          treeHandleKeydown(event);
+        } else if (event.key === 'ArrowDown') {
           openMenu();
         }
       }
@@ -525,10 +530,33 @@ export default defineComponent({
       closeMenu();
       focusSelection();
     }
-    function handleMenuMousedown(e) {
+    function handleMenuMousedown(event) {
       // If there's an action slot later, we need to check if mousedown happens
       // in action panel
-      if (!happensIn(e, 'action')) e.preventDefault();
+      if (!happensIn(event, 'action')) event.preventDefault();
+    }
+    function doScroll(event) {
+      const {
+        onScroll
+      } = props;
+      if (onScroll) call(onScroll, event);
+    }
+    function doScrollOptionEnd(option, event) {
+      props.onScrollOptionEnd && call(props.onScrollOptionEnd, option, event);
+    }
+    function handleTreeScroll(event) {
+      doScroll(event);
+      if (!props.onScrollOptionEnd) return;
+      const scrollElement = event.currentTarget || event.target;
+      if (!scrollElement) return;
+      const {
+        reachedOptions,
+        visibleKeys
+      } = scanReachedRootOptions(scrollElement, dataTreeMateRef.value.treeNodes, mergedExpandedKeysRef.value, visibleRootEndKeys);
+      visibleRootEndKeys = visibleKeys;
+      for (const reachedOption of reachedOptions) {
+        doScrollOptionEnd(reachedOption, event);
+      }
     }
     const selectionRenderTagRef = computed(() => {
       const {
@@ -702,6 +730,7 @@ export default defineComponent({
       handleKeydown,
       handleTabOut,
       handleMenuMousedown,
+      handleTreeScroll,
       mergedTheme: themeRef,
       cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
       themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
@@ -836,7 +865,8 @@ export default defineComponent({
               onLoad: this.onLoad,
               onUpdateCheckedKeys: this.handleUpdateCheckedKeys,
               onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys,
-              onUpdateExpandedKeys: this.doUpdateExpandedKeys
+              onUpdateExpandedKeys: this.doUpdateExpandedKeys,
+              onScroll: this.handleTreeScroll
             }), resolveWrappedSlot($slots.action, children => {
               return children ? h("div", {
                 class: `${mergedClsPrefix}-tree-select-menu__action`,

package/es/tree-select/src/interface.d.ts

@@ -1,4 +1,4 @@
-import type { TreeMate, TreeNode } from 'treemate';
+import type { Key, TreeMate, TreeNode } from 'treemate';
 import type { HTMLAttributes, Ref, VNodeChild } from 'vue';
 import type { TreeOption, TreeOptionBase } from '../../tree/src/interface';
 export type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' | 'isLeaf' | 'children'> & {
@@ -28,6 +28,11 @@ export type OnUpdateValueImpl = (value: string | number | (string | number) | st
 }) => void;
 export type OnUpdateIndeterminateKeysImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
 export type Value = string | number | Array<string | number> | null;
+export type OnScrollOptionEnd = (option: TreeSelectOption, event: Event) => void;
+export interface ScrollOptionEndScanResult {
+    reachedOptions: TreeSelectOption[];
+    visibleKeys: Set<Key>;
+}
 export interface TreeSelectInjection {
     pendingNodeKeyRef: Ref<string | number | null>;
     dataTreeMate: Ref<TreeMate<TreeOption>>;

package/es/tree-select/src/scroll-option-end.d.ts

@@ -0,0 +1,3 @@
+import type { Key } from '../../tree/src/interface';
+import type { ScrollOptionEndScanResult, TreeSelectTmNode } from './interface';
+export declare function scanReachedRootOptions(scrollElement: HTMLElement, rootNodes: TreeSelectTmNode[], expandedKeys: Key[] | undefined, previousVisibleKeys: Set<Key>): ScrollOptionEndScanResult;

package/es/tree-select/src/scroll-option-end.mjs

@@ -0,0 +1,28 @@
+import { createDataKey } from "../../_utils/index.mjs";
+function isVerticallyVisibleWithin(element, containerRect) {
+  const elementRect = element.getBoundingClientRect();
+  return elementRect.top < containerRect.bottom && elementRect.bottom > containerRect.top;
+}
+export function scanReachedRootOptions(scrollElement, rootNodes, expandedKeys, previousVisibleKeys) {
+  const containerRect = scrollElement.getBoundingClientRect();
+  const visibleKeys = new Set();
+  const reachedOptions = [];
+  for (const rootNode of rootNodes) {
+    const {
+      children
+    } = rootNode;
+    if (!(children === null || children === void 0 ? void 0 : children.length) || !(expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.includes(rootNode.key))) continue;
+    const lastChild = children[children.length - 1];
+    const lastChildElement = scrollElement.querySelector(`[data-key="${createDataKey(lastChild.key)}"]`);
+    const isHiddenOrMissing = !lastChildElement || !isVerticallyVisibleWithin(lastChildElement, containerRect);
+    if (isHiddenOrMissing) continue;
+    visibleKeys.add(rootNode.key);
+    if (!previousVisibleKeys.has(rootNode.key)) {
+      reachedOptions.push(rootNode.rawNode);
+    }
+  }
+  return {
+    reachedOptions,
+    visibleKeys
+  };
+}

package/es/tree-select/styles/light.d.ts

@@ -30,6 +30,8 @@ declare const treeSelectLight: import("../../_mixins").Theme<"TreeSelect", {
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.5";
+declare const _default: "2.0.7";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.0.5';
+export default '2.0.7';

package/lib/_internal/icons/DragHandleRound.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'DragHandleRound',
+    render() {
+        return ((0, vue_1.h)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            (0, vue_1.h)("path", { d: "M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z", fill: "currentColor" })));
+    }
+});

package/lib/_internal/icons/index.d.ts

@@ -22,6 +22,7 @@ export { default as ContentCopy } from './ContentCopy';
 export { default as DateIcon } from './Date';
 export { default as DismissCircleIcon } from './DismissCircle';
 export { default as DownloadIcon } from './Download';
+export { default as DragHandleRound } from './DragHandleRound';
 export { default as EditIcon } from './Edit';
 export { default as EmptyIcon } from './Empty';
 export { default as ErrorIcon } from './Error';
@@ -54,7 +55,6 @@ export { default as SearchIcon } from './Search';
 export { default as SendFilled } from './SendFilled';
 export { default as SiderUnionBorder } from './SiderUnionBorder';
 export { default as SuccessIcon } from './Success';
-export { default as SwitcherIcon } from './Switcher';
 export { default as TimeIcon } from './Time';
 export { default as ToIcon } from './To';
 export { default as TrashIcon } from './Trash';

package/lib/_internal/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RotateClockwiseIcon = exports.RetryIcon = exports.ResizeSmallIcon = exports.RemoveIcon = exports.Refresh = exports.PhotoIcon = exports.PersonOutline = exports.PersonNote = exports.OzbekFlag = exports.MoreIcon = exports.MdTime = exports.LogoutIcon = exports.InfoOutlineIcon = exports.InfoIcon = exports.InactiveIcon = exports.ForwardIcon = exports.FilterIcon = exports.FileHeart = exports.FileIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.EyeOffIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmptyIcon = exports.EditIcon = exports.DownloadIcon = exports.DismissCircleIcon = exports.DateIcon = exports.ContentCopy = exports.CloseIcon = exports.ClearSmallIcon = exports.ClearIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownOutline = exports.ChevronDownFilledIcon = exports.ChevronDownIcon = exports.CheckmarkDoneSharp = exports.CheckmarkCircleIcon = exports.CheckmarkIcon = exports.CancelIcon = exports.BurgerMenuIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowHookUpRight = exports.ArrowDownIcon = exports.ArrowBackIcon = exports.AddIcon = void 0;
-exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SwitcherIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = void 0;
+exports.RetryIcon = exports.ResizeSmallIcon = exports.RemoveIcon = exports.Refresh = exports.PhotoIcon = exports.PersonOutline = exports.PersonNote = exports.OzbekFlag = exports.MoreIcon = exports.MdTime = exports.LogoutIcon = exports.InfoOutlineIcon = exports.InfoIcon = exports.InactiveIcon = exports.ForwardIcon = exports.FilterIcon = exports.FileHeart = exports.FileIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.EyeOffIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmptyIcon = exports.EditIcon = exports.DragHandleRound = exports.DownloadIcon = exports.DismissCircleIcon = exports.DateIcon = exports.ContentCopy = exports.CloseIcon = exports.ClearSmallIcon = exports.ClearIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownOutline = exports.ChevronDownFilledIcon = exports.ChevronDownIcon = exports.CheckmarkDoneSharp = exports.CheckmarkCircleIcon = exports.CheckmarkIcon = exports.CancelIcon = exports.BurgerMenuIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowHookUpRight = exports.ArrowDownIcon = exports.ArrowBackIcon = exports.AddIcon = void 0;
+exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowBack_1 = require("./ArrowBack");
@@ -53,6 +53,8 @@ var DismissCircle_1 = require("./DismissCircle");
 Object.defineProperty(exports, "DismissCircleIcon", { enumerable: true, get: function () { return __importDefault(DismissCircle_1).default; } });
 var Download_1 = require("./Download");
 Object.defineProperty(exports, "DownloadIcon", { enumerable: true, get: function () { return __importDefault(Download_1).default; } });
+var DragHandleRound_1 = require("./DragHandleRound");
+Object.defineProperty(exports, "DragHandleRound", { enumerable: true, get: function () { return __importDefault(DragHandleRound_1).default; } });
 var Edit_1 = require("./Edit");
 Object.defineProperty(exports, "EditIcon", { enumerable: true, get: function () { return __importDefault(Edit_1).default; } });
 var Empty_1 = require("./Empty");
@@ -117,8 +119,6 @@ var SiderUnionBorder_1 = require("./SiderUnionBorder");
 Object.defineProperty(exports, "SiderUnionBorder", { enumerable: true, get: function () { return __importDefault(SiderUnionBorder_1).default; } });
 var Success_1 = require("./Success");
 Object.defineProperty(exports, "SuccessIcon", { enumerable: true, get: function () { return __importDefault(Success_1).default; } });
-var Switcher_1 = require("./Switcher");
-Object.defineProperty(exports, "SwitcherIcon", { enumerable: true, get: function () { return __importDefault(Switcher_1).default; } });
 var Time_1 = require("./Time");
 Object.defineProperty(exports, "TimeIcon", { enumerable: true, get: function () { return __importDefault(Time_1).default; } });
 var To_1 = require("./To");