@snack-uikit/segmented-control 0.6.23-preview-02d918ac.0 → 0.6.23

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.6.23 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/truncate-string@0.7.14]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.6.22 (2026-06-24)
 
 ### Only dependencies have been changed

package/dist/cjs/components/SegmentedControl.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -30,30 +32,35 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
  * SegmentedControl
  */
 function SegmentedControl(_a) {
-  var {
-      defaultValue,
-      size = 'm',
-      className,
-      onChange,
-      items,
-      value,
-      outline,
-      width = constants_1.WIDTH.Auto,
-      name
-    } = _a,
+  var defaultValue = _a.defaultValue,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'm' : _a$size,
+    className = _a.className,
+    onChange = _a.onChange,
+    items = _a.items,
+    value = _a.value,
+    outline = _a.outline,
+    _a$width = _a.width,
+    width = _a$width === void 0 ? constants_1.WIDTH.Auto : _a$width,
+    name = _a.name,
     other = __rest(_a, ["defaultValue", "size", "className", "onChange", "items", "value", "outline", "width", "name"]);
-  const [selected, setSelected] = (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, onChange);
-  const {
-    focusableSegmentValue,
-    onGetFocusable,
-    onKeyDown
-  } = (0, hooks_1.useFocusControl)({
-    selected,
-    items
-  });
+  const _ref = (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, onChange),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    selected = _ref2[0],
+    setSelected = _ref2[1];
+  const _ref3 = (0, hooks_1.useFocusControl)({
+      selected,
+      items
+    }),
+    focusableSegmentValue = _ref3.focusableSegmentValue,
+    onGetFocusable = _ref3.onGetFocusable,
+    onKeyDown = _ref3.onKeyDown;
   const containerRef = (0, react_1.useRef)(null);
   const selectedElementRef = (0, react_1.useRef)();
-  const [selectionPosition, setSelectionPosition] = (0, react_1.useState)();
+  const _ref4 = (0, react_1.useState)(),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    selectionPosition = _ref5[0],
+    setSelectionPosition = _ref5[1];
   const updateSelectionPosition = (0, react_1.useCallback)(function () {
     let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : selectedElementRef.current;
     if (!element) {

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

@@ -17,20 +17,18 @@ const truncate_string_1 = require("@snack-uikit/truncate-string");
 const utils_1 = require("../../utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Segment(_ref) {
-  let {
-    size,
-    label,
-    value,
-    selected,
-    onClick,
-    disabled,
-    icon,
-    counter,
-    focusable,
-    onGetFocusable,
-    onSelectionUpdated,
-    renderWrapSegment
-  } = _ref;
+  let size = _ref.size,
+    label = _ref.label,
+    value = _ref.value,
+    selected = _ref.selected,
+    onClick = _ref.onClick,
+    disabled = _ref.disabled,
+    icon = _ref.icon,
+    counter = _ref.counter,
+    focusable = _ref.focusable,
+    onGetFocusable = _ref.onGetFocusable,
+    onSelectionUpdated = _ref.onSelectionUpdated,
+    renderWrapSegment = _ref.renderWrapSegment;
   const buttonRef = (0, react_1.useRef)(null);
   (0, react_1.useEffect)(() => {
     if (focusable) {
@@ -44,7 +42,7 @@ function Segment(_ref) {
   }, [selected, buttonRef, onSelectionUpdated]);
   const segment = (0, jsx_runtime_1.jsxs)("button", {
     ref: buttonRef,
-    "data-test-id": `section-${value}`,
+    "data-test-id": "section-".concat(value),
     "data-active": selected || undefined,
     "data-disabled": disabled || undefined,
     "data-layout": (0, utils_1.getLayout)(icon, label, size),

package/dist/cjs/hooks.js

@@ -1,34 +1,39 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFocusControl = useFocusControl;
 const react_1 = require("react");
 function useFocusControl(_ref) {
-  let {
-    selected,
-    items
-  } = _ref;
-  const [focusableSegmentValue, setFocusableSegmentValue] = (0, react_1.useState)(selected);
-  const [_, setNeedSetFocus] = (0, react_1.useState)(false);
-  const {
-    prev,
-    next
-  } = (0, react_1.useMemo)(() => items.reduce((res, item) => {
-    if (res._isNextSearching && !res.next) {
-      res.next = item.disabled ? res.next : item.value;
-    }
-    if (focusableSegmentValue === item.value) {
-      res._isNextSearching = true;
-    }
-    if (!res._isNextSearching) {
-      res.prev = item.disabled ? res.prev : item.value;
-    }
-    return res;
-  }, {
-    _isNextSearching: false
-  }), [focusableSegmentValue, items]);
+  let selected = _ref.selected,
+    items = _ref.items;
+  const _ref2 = (0, react_1.useState)(selected),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    focusableSegmentValue = _ref3[0],
+    setFocusableSegmentValue = _ref3[1];
+  const _ref4 = (0, react_1.useState)(false),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    _ = _ref5[0],
+    setNeedSetFocus = _ref5[1];
+  const _ref6 = (0, react_1.useMemo)(() => items.reduce((res, item) => {
+      if (res._isNextSearching && !res.next) {
+        res.next = item.disabled ? res.next : item.value;
+      }
+      if (focusableSegmentValue === item.value) {
+        res._isNextSearching = true;
+      }
+      if (!res._isNextSearching) {
+        res.prev = item.disabled ? res.prev : item.value;
+      }
+      return res;
+    }, {
+      _isNextSearching: false
+    }), [focusableSegmentValue, items]),
+    prev = _ref6.prev,
+    next = _ref6.next;
   const onKeyDown = (0, react_1.useCallback)(e => {
     switch (e.key) {
       case 'ArrowLeft':

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Segmented Control",
-  "version": "0.6.23-preview-02d918ac.0",
+  "version": "0.6.23",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,10 +37,10 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/counter": "0.8.12",
-    "@snack-uikit/truncate-string": "0.7.14-preview-02d918ac.0",
+    "@snack-uikit/truncate-string": "0.7.14",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }