@redneckz/wildless-cms-uni-blocks 0.2.78 → 0.2.82

package/src/icons/GridIcon.svg

@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-  <rect y=".5" width="32" height="32" rx="16" fill="#F5F7F9"/>
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect y=".5" width="32" height="32" rx="16"/>
   <path
     fill="#1c1c1c"
     d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"

package/src/icons/LoupeIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
     stroke="currentColor"
     stroke-linecap="round"

package/src/icons/MinusIcon.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 12h5M4 12h7" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/NewDocIcon.svg

@@ -1,4 +1,5 @@
 <svg
+  id="icon"
   width="48"
   height="48"
   viewBox="0 0 49 48"

package/src/icons/OkIcon.svg

@@ -1,6 +1,5 @@
-<svg width="12" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="icon" width="12" height="20" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M5.986 10.341C3.05 10.341.61 7.995.61 5.22.61 2.347 3.05 0 5.987 0c3.036 0 5.375 2.346 5.375 5.22a5.048 5.048 0 0 1-1.578 3.628 5.451 5.451 0 0 1-3.78 1.494h-.018Zm0-7.324A2.186 2.186 0 0 0 3.797 5.22c0 1.196.946 2.106 2.19 2.106 1.293 0 2.189-.91 2.189-2.106.001-1.199-.896-2.203-2.19-2.203Zm2.14 11.586 3.037 2.825c.598.621.598 1.531 0 2.106-.646.621-1.643.621-2.14 0l-3.036-2.873-2.937 2.873c-.298.287-.697.43-1.146.43-.348 0-.746-.144-1.095-.43-.597-.575-.597-1.485 0-2.107l3.086-2.825a14.303 14.303 0 0 1-3.182-1.339c-.747-.383-.896-1.34-.498-2.059.498-.718 1.393-.909 2.19-.43a7.08 7.08 0 0 0 3.583.97 7.08 7.08 0 0 0 3.583-.97c.797-.479 1.742-.288 2.19.43.448.72.248 1.675-.45 2.06-.944.574-2.039 1.005-3.184 1.34Z"
-    fill="#1C1C1C"
   />
 </svg>

package/src/icons/PassSendIcon.svg

@@ -1,4 +1,5 @@
 <svg
+  id="icon"
   width="48"
   height="48"
   viewBox="0 0 49 48"

package/src/icons/PercentageSquareIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
     stroke="#1C1C1C"
     stroke-linecap="round"

package/src/icons/PlayMarketIcon.svg

@@ -1 +1 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path d="M0 21.427V1.576C0 .883.447.284 1.094 0L13.85 11.498 1.089 23a1.89 1.89 0 0 1-.795-.646A1.625 1.625 0 0 1 0 21.427Zm17.899-6.282-13.95 7.259 11.002-9.915 2.948 2.656Zm4.335-5.035c.237.162.428.37.561.61.133.239.203.502.205.77.002.267-.064.53-.193.771s-.317.452-.551.617l-2.964 1.542-3.241-2.922 3.24-2.92 2.944 1.532ZM3.959.598l13.938 7.253-2.945 2.654L3.958.598Z" fill="#42AB44"/></svg>
+<svg id="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path d="M0 21.427V1.576C0 .883.447.284 1.094 0L13.85 11.498 1.089 23a1.89 1.89 0 0 1-.795-.646A1.625 1.625 0 0 1 0 21.427Zm17.899-6.282-13.95 7.259 11.002-9.915 2.948 2.656Zm4.335-5.035c.237.162.428.37.561.61.133.239.203.502.205.77.002.267-.064.53-.193.771s-.317.452-.551.617l-2.964 1.542-3.241-2.922 3.24-2.92 2.944 1.532ZM3.959.598l13.938 7.253-2.945 2.654L3.958.598Z" fill="#42AB44"/></svg>

package/src/icons/PlusIcon.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18V6M15 12h5M4 12h7M12 20V4" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/ProfileIcon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
     stroke="currentColor"
     stroke-linecap="round"

package/src/icons/SignDocsIcon.svg

@@ -1,4 +1,5 @@
 <svg
+  id="icon"
   width="70"
   height="70"
   viewBox="0 0 70 70"

package/src/icons/TelegramIcon.svg

@@ -1,6 +1,5 @@
-<svg width="20" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="icon" width="20" height="16" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M1.226 6.968s8.846-3.512 11.913-4.749c1.177-.495 5.165-2.078 5.165-2.078s1.84-.692 1.687.99c-.051.692-.46 3.116-.87 5.738-.613 3.71-1.278 7.767-1.278 7.767s-.102 1.138-.971 1.336c-.87.197-2.3-.693-2.556-.891-.205-.148-3.835-2.374-5.165-3.463-.358-.297-.767-.89.051-1.583 1.841-1.632 4.04-3.66 5.37-4.947.613-.593 1.226-1.979-1.33-.297-3.63 2.424-7.21 4.7-7.21 4.7s-.818.495-2.352.05C2.146 9.094.357 8.5.357 8.5s-1.227-.741.87-1.533Z"
-    fill="#1C1C1C"
   />
 </svg>

package/src/icons/VKIcon.svg

@@ -1,8 +1,7 @@
-<svg width="24" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="icon" width="24" height="12" xmlns="http://www.w3.org/2000/svg">
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
     d="M23.45.813c.166-.468 0-.813-.796-.813H20.03c-.668 0-.976.297-1.143.626 0 0-1.335 2.74-3.226 4.519-.612.516-.89.68-1.224.68-.167 0-.418-.164-.418-.633V.812c0-.562-.184-.812-.74-.812H9.15c-.417 0-.668.26-.668.508 0 .533.946.656 1.043 2.154v3.256c0 .714-.153.843-.487.843-.89 0-3.055-2.752-4.34-5.901C4.449.247 4.198 0 3.527 0H.9C.15 0 0 .297 0 .626c0 .584.89 3.488 4.145 7.33C6.315 10.577 9.37 12 12.153 12c1.669 0 1.875-.315 1.875-.86V9.158c0-.632.158-.758.687-.758.39 0 1.057.165 2.615 1.429C19.11 11.328 19.403 12 20.405 12h2.624c.75 0 1.127-.315.91-.94-.238-.62-1.087-1.52-2.215-2.59-.611-.608-1.53-1.264-1.808-1.592-.39-.421-.278-.609 0-.983 0 0 3.2-3.794 3.532-5.082h.002Z"
-    fill="#1C1C1C"
   />
 </svg>

package/src/ui-kit/Icon/Icon.tsx

@@ -4,12 +4,13 @@ import type { IconProps } from './IconProps';
 
 export const Icon = JSX<IconProps>(
   ({ className, name, alt = `Icon ${name}`, title = alt, ...imgProps }) => (
-    <img
-      className={className}
-      src={`${projectSettings.CDN || ''}icons/${name}.svg`}
-      alt={alt}
-      title={title}
-      {...imgProps}
-    />
+    <svg className={className} {...imgProps} aria-hidden="true">
+      {title ? <title>{title}</title> : null}
+      {alt ? <desc>{alt}</desc> : null}
+      <use
+        href={`${projectSettings.CDN || ''}icons/${name}.svg#icon`}
+        xlinkHref={`${projectSettings.CDN || ''}icons/${name}.svg#icon`}
+      />
+    </svg>
   ),
 );

package/src/ui-kit/Icon/IconProps.ts

@@ -19,6 +19,9 @@ export enum IconMap {
   'TelegramIcon',
   'VKIcon',
   'GlassIcon',
+  'DocIcon',
+  'PlusIcon',
+  'MinusIcon',
 }
 
 export type IconName = keyof typeof IconMap;

package/src/ui-kit/InputRange/InputRange.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
 import type { InputRangeProps } from './InputRangeProps';
 
 export const InputRange = JSX<InputRangeProps>(
@@ -11,7 +12,7 @@ export const InputRange = JSX<InputRangeProps>(
     };
 
     const inputStyle = {
-      backgroundSize: `${(value * 100) / max - 1}% 100%`,
+      backgroundSize: `${(((value - min) * 100) / (max - min)).toFixed(2)}% 100%`,
     };
 
     const handleBlur = () => {
@@ -33,7 +34,7 @@ export const InputRange = JSX<InputRangeProps>(
             className={`m-0 font-sans text-sm w-full h-12 border-2 border-solid border-main-divider rounded-md outline-none p-0 pl-4 m-0 box-border text-primary-text ${
               title ? 'pt-4' : ''
             }`}
-            value={String(value).replace(/\B(?=(\d{3})+(?!\d))/g, ' ')}
+            value={addSpacesBetweenNumbers(value)}
             onChange={(e) => handleChange(e.target.value)}
             onBlur={handleBlur}
           />

package/src/utils/addSpacesBetweenNumbers.ts

@@ -0,0 +1,2 @@
+export const addSpacesBetweenNumbers = (number: number) =>
+  new Intl.NumberFormat('ru-RU', { maximumSignificantDigits: 3 }).format(number);