@uzum-tech/ui 2.3.2 → 2.3.4

package/lib/_internal/select-menu/src/interface.js

@@ -1,6 +1,51 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.internalSelectionMenuBodyInjectionKey = exports.internalSelectionMenuInjectionKey = void 0;
+exports.internalSelectionMenuBodyInjectionKey = exports.internalSelectionMenuInjectionKey = exports.internalSelectMenuProps = void 0;
+const use_theme_1 = __importDefault(require("../../../_mixins/use-theme"));
 const create_injection_key_1 = require("../../../_utils/vue/create-injection-key");
+exports.internalSelectMenuProps = Object.assign(Object.assign({}, use_theme_1.default.props), { clsPrefix: {
+        type: String,
+        required: true
+    }, scrollable: {
+        type: Boolean,
+        default: true
+    }, treeMate: {
+        type: Object,
+        required: true
+    }, multiple: Boolean, account: Boolean, size: {
+        type: String,
+        default: 'medium'
+    }, value: {
+        type: [String, Number, Array],
+        default: null
+    }, autoPending: Boolean, virtualScroll: {
+        type: Boolean,
+        default: true
+    }, 
+    // show is used to toggle pending state initialization
+    show: {
+        type: Boolean,
+        default: true
+    }, labelField: {
+        type: String,
+        default: 'label'
+    }, valueField: {
+        type: String,
+        default: 'value'
+    }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, nodeProps: Function, showCheckmark: { type: Boolean, default: true }, markType: {
+        type: String,
+        default: 'mark'
+    }, filterable: Boolean, pattern: {
+        type: String,
+        default: ''
+    }, searchPlaceholder: String, onPatternInput: Function, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, onResize: Function, resetMenuOnOptionsChange: {
+        type: Boolean,
+        default: true
+    }, inlineThemeDisabled: Boolean, scrollbarProps: Object, 
+    // deprecated
+    onToggle: Function });
 exports.internalSelectionMenuInjectionKey = (0, create_injection_key_1.createInjectionKey)('u-internal-select-menu');
 exports.internalSelectionMenuBodyInjectionKey = (0, create_injection_key_1.createInjectionKey)('u-internal-select-menu-body');

package/lib/_internal/select-menu/src/styles/index.cssr.js

@@ -40,6 +40,10 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  `), (0, cssr_1.cE)('loading', `
  color: var(--u-loading-color);
  font-size: var(--u-loading-size);
+ `), (0, cssr_1.cE)('header', `
+ padding: 8px var(--u-option-padding-left);
+ font-size: var(--u-option-font-size);
+ border-bottom: 1px solid var(--u-action-divider-color);
  `), (0, cssr_1.cE)('action', `
  padding: 8px var(--u-option-padding-left);
  font-size: var(--u-option-font-size);
@@ -48,6 +52,10 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  border-color .3s var(--u-bezier);
  border-top: 1px solid var(--u-action-divider-color);
  color: var(--u-action-text-color);
+ `), (0, cssr_1.cE)('search', `
+ box-sizing: border-box;
+ width: 100%;
+ padding: 12px;
  `), (0, cssr_1.cB)('base-select-group-header', `
  position: relative;
  cursor: default;
@@ -120,4 +128,18 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  transition: color .3s var(--u-bezier);
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({
   enterScale: '0.5'
-})])])])]);
+})])]), (0, cssr_1.cE)('checkbox-wrapper', `
+ position: absolute;
+ right: calc(var(--u-option-padding-right) - 4px);
+ top: 50%;
+ transform: translateY(-50%);
+ pointer-events: none;
+ `)]), (0, cssr_1.cM)('has-search', [(0, cssr_1.cE)('header', `
+ border-bottom: none;
+ `), (0, cssr_1.cB)('base-select-option', [(0, cssr_1.c)('&:first-child', [(0, cssr_1.c)('&::before', `
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ `)])])]), (0, cssr_1.cM)('has-footer', [(0, cssr_1.cB)('base-select-option', [(0, cssr_1.c)('&:last-child', [(0, cssr_1.c)('&::before', `
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ `)])])])]);

package/lib/_internal/select-menu/styles/dark.js

@@ -1,15 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const common_1 = require("../../../_styles/common");
-const styles_1 = require("../../../empty/styles");
-const styles_2 = require("../../scrollbar/styles");
+const styles_1 = require("../../../checkbox/styles");
+const styles_2 = require("../../../empty/styles");
+const styles_3 = require("../../../input/styles");
+const styles_4 = require("../../scrollbar/styles");
 const light_1 = require("./light");
 const internalSelectMenuDark = {
     name: 'InternalSelectMenu',
     common: common_1.commonDark,
     peers: {
-        Scrollbar: styles_2.scrollbarDark,
-        Empty: styles_1.emptyDark
+        Scrollbar: styles_4.scrollbarDark,
+        Empty: styles_2.emptyDark,
+        Checkbox: styles_1.checkboxDark,
+        Input: styles_3.inputDark
     },
     self: light_1.self
 };

package/lib/_internal/select-menu/styles/light.d.ts

@@ -97,6 +97,129 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
         iconBgColor: string;
         extraTextColor: string;
     }, any>;
+    Checkbox: import("../../../_mixins").Theme<"Checkbox", {
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
+        fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
+        color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
+        colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
+        colorDisabled: string;
+        colorDisabledChecked: string;
+        checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
+        checkMarkColorDisabled: string;
+        checkMarkColorDisabledChecked: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
+        boxShadowHover: string;
+        boxShadowFocus: string;
+        boxShadowActive: string;
+        boxShadowHoverChecked: string;
+        boxShadowFocusChecked: string;
+        boxShadowActiveChecked: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
+        labelPadding: string;
+    }, any>;
+    Input: import("../../../_mixins").Theme<"Input", {
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        paddingHuge: string;
+        clearSize: string;
+        countTextColorDisabled: string;
+        countTextColor: string;
+        heightTiny: string;
+        heightSmall: string;
+        heightMedium: string;
+        heightLarge: string;
+        heightHuge: string;
+        fontSizeTiny: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        lineHeight: string;
+        lineHeightTextarea: string;
+        borderRadius: string;
+        iconSize: string;
+        groupLabelTextColor: string;
+        textColor: string;
+        textColorDisabled: string;
+        textDecorationColor: string;
+        caretColor: string;
+        placeholderColor: string;
+        placeholderColorDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorFocus: string;
+        groupLabelBorder: string;
+        border: string;
+        borderHover: string;
+        borderDisabled: string;
+        borderFocus: string;
+        boxShadowFocus: string;
+        loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
+        loadingColorWarning: string;
+        borderWarning: string;
+        borderHoverWarning: string;
+        colorFocusWarning: string;
+        borderFocusWarning: string;
+        boxShadowFocusWarning: string;
+        caretColorWarning: string;
+        loadingColorError: string;
+        borderError: string;
+        borderHoverError: string;
+        colorFocusError: string;
+        borderFocusError: string;
+        boxShadowFocusError: string;
+        caretColorError: string;
+        clearColor: string;
+        clearColorHover: string;
+        clearColorPressed: string;
+        iconColor: string;
+        iconColorDisabled: string;
+        iconColorHover: string;
+        iconColorPressed: string;
+        suffixTextColor: string;
+        selectionColor: string;
+    }, any>;
 }>;
 export default internalSelectMenuLight;
 export type InternalSelectMenuTheme = typeof internalSelectMenuLight;

package/lib/_internal/select-menu/styles/light.js

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = self;
 const _mixins_1 = require("../../../_mixins");
 const common_1 = require("../../../_styles/common");
-const styles_1 = require("../../../empty/styles");
-const styles_2 = require("../../scrollbar/styles");
+const styles_1 = require("../../../checkbox/styles");
+const styles_2 = require("../../../empty/styles");
+const styles_3 = require("../../../input/styles");
+const styles_4 = require("../../scrollbar/styles");
 function self(vars) {
     const { borderRadius, iconMedium, fontBodyMedium, fontBodyLarge, surfacePrimary, textPrimary, elementsQuaternary, textSecondary, brandPrimary500, transparencySecondary, heightMedium, heightLarge, heightSmall } = vars;
     return {
@@ -45,8 +47,10 @@ const internalSelectMenuLight = (0, _mixins_1.createTheme)({
     name: 'InternalSelectMenu',
     common: common_1.commonLight,
     peers: {
-        Scrollbar: styles_2.scrollbarLight,
-        Empty: styles_1.emptyLight
+        Scrollbar: styles_4.scrollbarLight,
+        Empty: styles_2.emptyLight,
+        Checkbox: styles_1.checkboxLight,
+        Input: styles_3.inputLight
     },
     self
 });

package/lib/_internal/selection/src/Selection.d.ts

@@ -1187,11 +1187,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     bordered: boolean | undefined;
     inlineThemeDisabled: boolean;
-    disabled: boolean;
-    size: SelectSize;
-    pattern: string;
     loading: boolean;
     clearable: boolean;
+    disabled: boolean;
+    size: SelectSize;
     round: boolean;
     loadingSkeleton: boolean;
     secondary: boolean;
@@ -1205,6 +1204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     counter: boolean;
     account: boolean;
     autofocus: boolean;
+    pattern: string;
     active: boolean;
     focused: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null;

package/lib/_internal/skeleton/src/Skeleton.d.ts

@@ -147,8 +147,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly repeat: number;
     readonly circle: boolean;
-    readonly text: boolean;
     readonly round: boolean;
+    readonly text: boolean;
     readonly animated: boolean;
     readonly sharp: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/_internal/typography/src/text.d.ts

@@ -279,11 +279,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         codeBorder: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "default" | "error" | "warning" | "success" | "info";
-    readonly strong: boolean;
-    readonly text: string;
     readonly tag: keyof HTMLElementTagNameMap;
+    readonly type: "default" | "info" | "warning" | "error" | "success";
     readonly color: string;
+    readonly strong: boolean;
+    readonly text: string;
     readonly variant: TypographyVariant;
     readonly italic: boolean;
     readonly variantOptions: TypographyVariantOptions;

package/lib/action-card/src/ActionCard.d.ts

@@ -305,9 +305,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabledColor: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly disabled: boolean;
     readonly loading: boolean;
-    readonly tag: "a" | "button" | "div";
+    readonly tag: "div" | "a" | "button";
+    readonly disabled: boolean;
     readonly descriptionLineClamp: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/affix/src/Affix.d.ts

@@ -27,7 +27,7 @@ export declare const affixProps: {
         readonly default: undefined;
     };
 };
-export declare const affixPropKeys: ("top" | "bottom" | "listenTo" | "triggerTop" | "triggerBottom" | "position" | "offsetTop" | "offsetBottom" | "target")[];
+export declare const affixPropKeys: ("top" | "listenTo" | "bottom" | "triggerTop" | "triggerBottom" | "position" | "offsetTop" | "offsetBottom" | "target")[];
 export type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;

package/lib/alert/src/Alert.d.ts

@@ -949,7 +949,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     bordered: boolean;
-    type: "default" | "error" | "warning" | "success" | "info" | "primary";
+    type: "default" | "info" | "warning" | "error" | "success" | "primary";
     showIcon: boolean;
     layoutType: "banner" | "alert";
     rounded: boolean;

package/lib/anchor/src/AnchorAdapter.d.ts

@@ -279,10 +279,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly type: "block" | "rail";
-    readonly top: number;
     readonly showRail: boolean;
     readonly showBackground: boolean;
     readonly bound: number;
+    readonly top: number;
     readonly internalScrollable: boolean;
     readonly ignoreGap: boolean;
     readonly position: "fix" | "absolute";

package/lib/anchor/src/BaseAnchor.d.ts

@@ -28,7 +28,7 @@ export declare const baseAnchorProps: {
     readonly ignoreGap: BooleanConstructor;
     readonly offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 };
-export declare const baseAnchorPropKeys: ("type" | "top" | "showRail" | "showBackground" | "bound" | "internalScrollable" | "ignoreGap" | "offsetTarget")[];
+export declare const baseAnchorPropKeys: ("type" | "showRail" | "showBackground" | "bound" | "top" | "internalScrollable" | "ignoreGap" | "offsetTarget")[];
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mergedClsPrefix: {
         type: StringConstructor;
@@ -95,10 +95,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 }>> & Readonly<{}>, {
     type: "block" | "rail";
-    top: number;
     showRail: boolean;
     showBackground: boolean;
     bound: number;
+    top: number;
     internalScrollable: boolean;
     ignoreGap: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;