@homecode/ui 4.18.63 → 4.18.65

package/dist/esm/src/components/Icon/Icon.js

@@ -6,12 +6,14 @@ import ICONS from './icons/index.js';
 
 const icons = ICONS;
 function Icon(props) {
-    const { className, type, size, ...rest } = props;
+    const { className, icon: CustomIcon, type, size, ...rest } = props;
     const iconProps = {
         className: cn(S.root, S[`size-${size}`], className),
         role: 'img',
         ...rest,
     };
+    if (CustomIcon)
+        return jsx(CustomIcon, { ...iconProps });
     const localIcon = ICONS[type];
     if (!localIcon) {
         console.warn(`Icon: type="${type}" is unknown`);

package/dist/esm/src/components/Icon/icons/clearAll.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgClearAll = function SvgClearAll(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M.178 18.875v-2.628h18.39v2.628zm2.627-5.255v-2.627h18.391v2.627zm2.627-5.255V5.738h18.391v2.627Z",
+    style: {
+      strokeWidth: 0.0328412
+    }
+  }));
+};
+
+export { SvgClearAll as default };

package/dist/esm/src/components/Icon/icons/flyover.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgFlyover = function SvgFlyover(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M.287 10.947V8.262a39.4 39.4 0 0 1 5.831-1.1 54 54 0 0 1 5.92-.323q2.996 0 5.919.323 2.923.324 5.83 1.1v2.685a23 23 0 0 0-1.174-.291l-1.175-.26v4.206h-2.35V9.944a49 49 0 0 0-7.05-.518q-1.762 0-3.525.114-1.763.113-3.526.372v4.69h-2.35v-4.238a46 46 0 0 0-2.35.583m4.7 12.711 1.704-12.27q.529-.065 1.205-.114.675-.048 1.204-.08L7.337 23.657ZM8.513.37h2.35l-.588 5.05q-.528.031-1.19.08-.66.048-1.19.113Zm2.35 23.288h2.35v-5.175h-2.35zm0-7.763h2.35V11.13h-2.35ZM13.213.37h2.35l.616 5.243q-.528-.032-1.19-.097-.66-.064-1.189-.097Zm3.525 23.288-1.763-12.465q.53.033 1.204.097.675.066 1.205.13l1.704 12.238z",
+    style: {
+      strokeWidth: 0.0308243
+    }
+  }));
+};
+
+export { SvgFlyover as default };

package/dist/esm/src/components/Icon/icons/index.js

@@ -10,6 +10,7 @@ var ICONS = {
     chevronDown: () => import('./chevronDown.svg.js'),
     chevronRight: () => import('./chevronRight.svg.js'),
     chevronLeft: () => import('./chevronLeft.svg.js'),
+    clearAll: () => import('./clearAll.svg.js'),
     delete: () => import('./delete.svg.js'),
     draft: () => import('./draft.svg.js'),
     edit: () => import('./edit.svg.js'),
@@ -22,6 +23,7 @@ var ICONS = {
     fullscreen: () => import('./fullscreen.svg.js'),
     fullscreenExit: () => import('./fullscreenExit.svg.js'),
     function: () => import('./function.svg.js'),
+    flyover: () => import('./flyover.svg.js'),
     gear: () => import('./gear.svg.js'),
     geolocation: () => import('./geolocation.svg.js'),
     group: () => import('./group.svg.js'),
@@ -52,6 +54,7 @@ var ICONS = {
     settings: () => import('./settings.svg.js'),
     shoppingBag: () => import('./shoppingBag.svg.js'),
     sparks: () => import('./sparks.svg.js'),
+    star: () => import('./star.svg.js'),
     syncArrows: () => import('./syncArrows.svg.js'),
     table: () => import('./table.svg.js'),
     telegram: () => import('./telegram.svg.js'),

package/dist/esm/src/components/Icon/icons/star.svg.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgStar = function SvgStar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m12 1.5 2.7 6.3 6.3.9-4.8 4.5 1.5 6.8-5.7-3.2L6.3 20l1.5-6.8L3 8.7l6.3-.9z"
+  })));
+};
+
+export { SvgStar as default };

package/dist/esm/src/components/Input/Input.js

@@ -14,12 +14,12 @@ import { generateUID } from '../../tools/uid.js';
 import S from './Input.styl.js';
 import '../ButtonGroup/ButtonGroup.styl.js';
 import '../Calendar/Calendar.styl.js';
-import 'compareq';
-import 'lodash.pick';
+import '../../tools/dom.js';
 import 'timen';
 import '../Portal/Portal.js';
 import '../Paranja/Paranja.styl.js';
-import '../../tools/dom.js';
+import 'compareq';
+import 'lodash.pick';
 import debounce from '../../tools/debounce.js';
 import '../Popup/Popup.styl.js';
 import '../../tools/queryParams.js';

package/dist/esm/src/components/InputFile/InputFile.js

@@ -21,9 +21,9 @@ import 'lodash.omit';
 import '../RequiredStar/RequiredStar.styl.js';
 import 'nanoid';
 import '../Input/Input.styl.js';
+import '../../tools/dom.js';
 import '../Portal/Portal.js';
 import '../Paranja/Paranja.styl.js';
-import '../../tools/dom.js';
 import '../Popup/Popup.styl.js';
 import '../../tools/queryParams.js';
 import '../Select/Select.styl.js';

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

@@ -1,24 +1,24 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as Select_helpers from './Select.helpers.js';
+import { mapById, buildOptionsTree, isMultiple, renderLabel } from './Select.helpers.js';
 import { Component, createRef } from 'react';
-import cn from 'classnames';
-import compare from 'compareq';
-import pick from 'lodash.pick';
-import omit from 'lodash.omit';
-import { createStore } from 'justorm/react';
-import Time from 'timen';
-import { Icon } from '../Icon/Icon.js';
+import { INTERACTION_MODE, getInteractionMode } from '../../tools/dom.js';
+import { AssistiveText } from '../AssistiveText/AssistiveText.js';
 import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
 import { Input } from '../Input/Input.js';
 import { Label } from '../Label/Label.js';
 import { Popup } from '../Popup/Popup.js';
-import { Scroll } from '../Scroll/Scroll.js';
 import { RequiredStar } from '../RequiredStar/RequiredStar.js';
-import { AssistiveText } from '../AssistiveText/AssistiveText.js';
-import { INTERACTION_MODE, getInteractionMode } from '../../tools/dom.js';
-import throttle from '../../tools/throttle.js';
-import * as Select_helpers from './Select.helpers.js';
-import { mapById, buildOptionsTree, isMultiple, renderLabel } from './Select.helpers.js';
 import S from './Select.styl.js';
+import { Scroll } from '../Scroll/Scroll.js';
+import Time from 'timen';
+import cn from 'classnames';
+import compare from 'compareq';
+import { createStore } from 'justorm/react';
+import omit from 'lodash.omit';
+import pick from 'lodash.pick';
+import throttle from '../../tools/throttle.js';
 
 const SelectHelpers = Select_helpers;
 class Select extends Component {
@@ -378,8 +378,8 @@ class Select extends Component {
     getInputVal() {
         const { isFocused, selected } = this.store;
         const searchValue = this.props.searchValue ?? this.store.searchVal;
-        if (isFocused && searchValue)
-            return searchValue;
+        if (isFocused)
+            return searchValue ?? '';
         const selectedPlain = Object.entries(selected).reduce((acc, entry) => {
             const parentId = this.coerceType(entry[0]);
             const val = entry[1];

package/dist/esm/types/src/components/Icon/Icon.types.d.ts

@@ -3,6 +3,7 @@ import CUSTOM_ICONS from './icons';
 export type IconSize = 'xs' | Size;
 export type IconType = keyof typeof CUSTOM_ICONS;
 export type Props = ComponentType & {
-    type: IconType;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    type?: IconType;
     size: IconSize;
 };

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
     chevronDown: () => Promise<any>;
     chevronRight: () => Promise<any>;
     chevronLeft: () => Promise<any>;
+    clearAll: () => Promise<any>;
     delete: () => Promise<any>;
     draft: () => Promise<any>;
     edit: () => Promise<any>;
@@ -22,6 +23,7 @@ declare const _default: {
     fullscreen: () => Promise<any>;
     fullscreenExit: () => Promise<any>;
     function: () => Promise<any>;
+    flyover: () => Promise<any>;
     gear: () => Promise<any>;
     geolocation: () => Promise<any>;
     group: () => Promise<any>;
@@ -52,6 +54,7 @@ declare const _default: {
     settings: () => Promise<any>;
     shoppingBag: () => Promise<any>;
     sparks: () => Promise<any>;
+    star: () => Promise<any>;
     syncArrows: () => Promise<any>;
     table: () => Promise<any>;
     telegram: () => Promise<any>;

package/dist/esm/types/src/components/Select/Select.d.ts

@@ -1,7 +1,7 @@
+import * as H from './Select.helpers';
+import * as T from './Select.types';
 import { Component, ReactNode } from 'react';
 import { Input } from 'uilib/components/Input/Input';
-import * as T from './Select.types';
-import * as H from './Select.helpers';
 export declare const SelectHelpers: typeof H;
 export declare class Select extends Component<T.Props, T.State> {
     store: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.18.63",
+  "version": "4.18.65",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",