@snack-uikit/segmented-control 0.6.11-preview-4eb2b89e.0 → 0.6.11-preview-85306c20.0

package/README.md

@@ -14,6 +14,15 @@ SegmentedControl
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
+| items* | `Segment<Value>[]` | - | Набор сегментов. |
+| value | `IdType` | - | Value выбранного сегмента. |
+| defaultValue | `IdType` | - | ID выбранного по умолчанию сегмента. (в uncontrolled режиме) |
+| onChange | `(value: Value) => void` | - | Колбек смены выбранного сегмента. |
+| className | `string` | - | CSS-класс контейнера. |
+| size | enum Size: `"xs"`, `"s"`, `"m"`, `"l"` | m | Размер компонента. |
+| outline | `boolean` | - | Обводка |
+| width | enum Width: `"auto"`, `"full"` | auto | Управление шириной компонента. |
+| name | `string` | - | Имя поля |
 
 
 [//]: DOCUMENTATION_SECTION_END

package/dist/cjs/helperComponents/Segment/Segment.js

@@ -63,11 +63,9 @@ function Segment(_ref) {
       className: styles_module_scss_1.default.label,
       "data-size": size,
       text: label
-    }), counter !== undefined && (0, jsx_runtime_1.jsx)(counter_1.Counter, {
-      size: 's',
-      appearance: 'primary',
-      value: counter
-    })]
+    }), counter !== undefined && (0, jsx_runtime_1.jsx)(counter_1.Counter, Object.assign({}, counter, {
+      size: 's'
+    }))]
   });
   return renderWrapSegment ? renderWrapSegment(segment) : segment;
 }

package/dist/cjs/types.d.ts

@@ -23,9 +23,9 @@ export type Segment<Value extends IdType = IdType> = {
      */
     icon?: ReactNode;
     /**
-     * Иконка сегмента.
+     * Счетчик сегмента.
      */
-    counter?: CounterProps['value'];
+    counter?: Omit<CounterProps, 'size'>;
     /**
      * Render-обертка над сегментом.
      */

package/dist/esm/helperComponents/Segment/Segment.js

@@ -17,6 +17,6 @@ export function Segment({ size, label, value, selected, onClick, disabled, icon,
             onSelectionUpdated(buttonRef.current);
         }
     }, [selected, buttonRef, onSelectionUpdated]);
-    const segment = (_jsxs("button", { ref: buttonRef, "data-test-id": `section-${value}`, "data-active": selected || undefined, "data-disabled": disabled || undefined, "data-layout": getLayout(icon, label, size), className: cn(styles.segment), onClick: onClick, "data-size": size, disabled: disabled, tabIndex: focusable ? 0 : -1, "aria-checked": selected, role: 'radio', type: 'button', children: [size !== 'xs' && icon && _jsx("div", { className: styles.icon, children: icon }), label && _jsx(TruncateString, { className: styles.label, "data-size": size, text: label }), counter !== undefined && _jsx(Counter, { size: 's', appearance: 'primary', value: counter })] }));
+    const segment = (_jsxs("button", { ref: buttonRef, "data-test-id": `section-${value}`, "data-active": selected || undefined, "data-disabled": disabled || undefined, "data-layout": getLayout(icon, label, size), className: cn(styles.segment), onClick: onClick, "data-size": size, disabled: disabled, tabIndex: focusable ? 0 : -1, "aria-checked": selected, role: 'radio', type: 'button', children: [size !== 'xs' && icon && _jsx("div", { className: styles.icon, children: icon }), label && _jsx(TruncateString, { className: styles.label, "data-size": size, text: label }), counter !== undefined && _jsx(Counter, Object.assign({}, counter, { size: 's' }))] }));
     return renderWrapSegment ? renderWrapSegment(segment) : segment;
 }

package/dist/esm/types.d.ts

@@ -23,9 +23,9 @@ export type Segment<Value extends IdType = IdType> = {
      */
     icon?: ReactNode;
     /**
-     * Иконка сегмента.
+     * Счетчик сегмента.
      */
-    counter?: CounterProps['value'];
+    counter?: Omit<CounterProps, 'size'>;
     /**
      * Render-обертка над сегментом.
      */

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Segmented Control",
-  "version": "0.6.11-preview-4eb2b89e.0",
+  "version": "0.6.11-preview-85306c20.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -42,5 +42,5 @@
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "d46627c950a04cca650210be851e436e9994ca6a"
+  "gitHead": "7e4f1f271b27a0ed3c4764cf80bf06e56b97428b"
 }

package/src/helperComponents/Segment/Segment.tsx

@@ -63,7 +63,7 @@ export function Segment({
     >
       {size !== 'xs' && icon && <div className={styles.icon}>{icon}</div>}
       {label && <TruncateString className={styles.label} data-size={size} text={label} />}
-      {counter !== undefined && <Counter size='s' appearance='primary' value={counter} />}
+      {counter !== undefined && <Counter {...counter} size='s' />}
     </button>
   );
 

package/src/types.ts

@@ -29,9 +29,9 @@ export type Segment<Value extends IdType = IdType> = {
    */
   icon?: ReactNode;
   /**
-   * Иконка сегмента.
+   * Счетчик сегмента.
    */
-  counter?: CounterProps['value'];
+  counter?: Omit<CounterProps, 'size'>;
   /**
    * Render-обертка над сегментом.
    */