@snack-uikit/segmented-control 0.4.20-preview-2b94e286.0 → 0.4.20-preview-845a4e8b.0

package/README.md

@@ -22,7 +22,6 @@ SegmentedControl
 | size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер компонента. |
 | outline | `boolean` | - | Обводка |
 | width | enum Width: `"auto"`, `"full"` | auto | Управление шириной компонента. |
-| name | `string` | - | Имя поля |
 
 
 [//]: DOCUMENTATION_SECTION_END

package/dist/cjs/components/SegmentedControl.d.ts

@@ -33,12 +33,8 @@ export type SegmentedControlProps<Value extends IdType = IdType> = WithSupportPr
      * Управление шириной компонента.
      */
     width?: Width;
-    /**
-     * Имя поля
-     */
-    name?: string;
 }>;
 /**
  * SegmentedControl
  */
-export declare function SegmentedControl<Value extends IdType>({ defaultValue, size, className, onChange, items, value, outline, width, name, ...other }: SegmentedControlProps<Value>): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl<Value extends IdType>({ defaultValue, size, className, onChange, items, value, outline, width, ...other }: SegmentedControlProps<Value>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SegmentedControl.js

@@ -38,10 +38,9 @@ function SegmentedControl(_a) {
       items,
       value,
       outline,
-      width = constants_1.WIDTH.Auto,
-      name
+      width = constants_1.WIDTH.Auto
     } = _a,
-    other = __rest(_a, ["defaultValue", "size", "className", "onChange", "items", "value", "outline", "width", "name"]);
+    other = __rest(_a, ["defaultValue", "size", "className", "onChange", "items", "value", "outline", "width"]);
   const [selected, setSelected] = (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, onChange);
   const {
     focusableSegmentValue,
@@ -107,11 +106,7 @@ function SegmentedControl(_a) {
       "data-outline": outline || undefined,
       "data-width": width
     }, (0, utils_1.extractDataTestProps)(other), (0, utils_1.extractSupportProps)(other), {
-      children: [name && (0, jsx_runtime_1.jsx)("input", {
-        type: 'hidden',
-        value: selected,
-        name: name
-      }), (0, jsx_runtime_1.jsx)("div", {
+      children: [(0, jsx_runtime_1.jsx)("div", {
         "data-size": size,
         style: selectionPosition,
         className: styles_module_scss_1.default.selection,

package/dist/esm/components/SegmentedControl.d.ts

@@ -33,12 +33,8 @@ export type SegmentedControlProps<Value extends IdType = IdType> = WithSupportPr
      * Управление шириной компонента.
      */
     width?: Width;
-    /**
-     * Имя поля
-     */
-    name?: string;
 }>;
 /**
  * SegmentedControl
  */
-export declare function SegmentedControl<Value extends IdType>({ defaultValue, size, className, onChange, items, value, outline, width, name, ...other }: SegmentedControlProps<Value>): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl<Value extends IdType>({ defaultValue, size, className, onChange, items, value, outline, width, ...other }: SegmentedControlProps<Value>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SegmentedControl.js

@@ -22,7 +22,7 @@ import styles from './styles.module.css';
  * SegmentedControl
  */
 export function SegmentedControl(_a) {
-    var { defaultValue, size = 'm', className, onChange, items, value, outline, width = WIDTH.Auto, name } = _a, other = __rest(_a, ["defaultValue", "size", "className", "onChange", "items", "value", "outline", "width", "name"]);
+    var { defaultValue, size = 'm', className, onChange, items, value, outline, width = WIDTH.Auto } = _a, other = __rest(_a, ["defaultValue", "size", "className", "onChange", "items", "value", "outline", "width"]);
     const [selected, setSelected] = useUncontrolledProp(value, defaultValue, onChange);
     const { focusableSegmentValue, onGetFocusable, onKeyDown } = useFocusControl({ selected, items });
     const containerRef = useRef(null);
@@ -60,5 +60,5 @@ export function SegmentedControl(_a) {
     const itemsJSX = useMemo(() => items.map(props => (_jsx("div", { className: styles.segmentHolder, "data-width": width, children: _jsx(Segment, Object.assign({}, props, { size: size, onGetFocusable: onGetFocusable, selected: selected === props.value, onClick: () => setSelected(props.value), focusable: focusableSegmentValue === props.value, onSelectionUpdated: updateSelectionPosition })) }, props.value))), [items, width, size, onGetFocusable, selected, focusableSegmentValue, updateSelectionPosition, setSelected]);
     return (
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    _jsxs("div", Object.assign({ ref: containerRef, "data-size": size, onKeyDown: onKeyDown, className: cn(styles.container, className), role: 'radiogroup', "data-outline": outline || undefined, "data-width": width }, extractDataTestProps(other), extractSupportProps(other), { children: [name && _jsx("input", { type: 'hidden', value: selected, name: name }), _jsx("div", { "data-size": size, style: selectionPosition, className: styles.selection, "aria-hidden": true }), itemsJSX] })));
+    _jsxs("div", Object.assign({ ref: containerRef, "data-size": size, onKeyDown: onKeyDown, className: cn(styles.container, className), role: 'radiogroup', "data-outline": outline || undefined, "data-width": width }, extractDataTestProps(other), extractSupportProps(other), { children: [_jsx("div", { "data-size": size, style: selectionPosition, className: styles.selection, "aria-hidden": true }), itemsJSX] })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Segmented Control",
-  "version": "0.4.20-preview-2b94e286.0",
+  "version": "0.4.20-preview-845a4e8b.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,10 +36,10 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/truncate-string": "0.6.18",
-    "@snack-uikit/utils": "3.8.1",
+    "@snack-uikit/truncate-string": "0.6.19-preview-845a4e8b.0",
+    "@snack-uikit/utils": "3.8.2-preview-845a4e8b.0",
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "c4c169513a2393af7ce64c9bdbca39a5d284faf4"
+  "gitHead": "84992c2beb4db1a6bddcb3209c0ffbd26df23185"
 }

package/src/components/SegmentedControl.tsx

@@ -43,10 +43,6 @@ export type SegmentedControlProps<Value extends IdType = IdType> = WithSupportPr
    * Управление шириной компонента.
    */
   width?: Width;
-  /**
-   * Имя поля
-   */
-  name?: string;
 }>;
 
 /**
@@ -61,7 +57,6 @@ export function SegmentedControl<Value extends IdType>({
   value,
   outline,
   width = WIDTH.Auto,
-  name,
   ...other
 }: SegmentedControlProps<Value>) {
   const [selected, setSelected] = useUncontrolledProp(value, defaultValue, onChange);
@@ -134,7 +129,6 @@ export function SegmentedControl<Value extends IdType>({
       {...extractDataTestProps(other)}
       {...extractSupportProps(other)}
     >
-      {name && <input type='hidden' value={selected} name={name} />}
       <div data-size={size} style={selectionPosition} className={styles.selection} aria-hidden={true} />
       {itemsJSX}
     </div>