@cdx-ui/primitives 0.0.1-beta.99 → 0.1.1

package/lib/commonjs/date-time-field/DateTimeFieldSegment.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldSegment = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _segmentIndex = require("../date-field/segmentIndex");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateTimeFieldSegment = exports.DateTimeFieldSegment = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  segment,
+  segmentIndex: segmentIndexProp,
+  style,
+  ...props
+}, ref) => {
+  const contextSegmentIndex = (0, _segmentIndex.useDateFieldSegmentIndex)();
+  const segmentIndex = segmentIndexProp ?? contextSegmentIndex;
+  const {
+    disabled,
+    readOnly,
+    focusedSegmentIndex,
+    focusSegment,
+    getSegmentDisplayText,
+    labels
+  } = (0, _context.useDateTimeFieldContext)();
+  const isFocused = focusedSegmentIndex === segmentIndex;
+  const displayText = getSegmentDisplayText(segmentIndex);
+  const handlePress = (0, _react.useCallback)(() => {
+    focusSegment(segmentIndex);
+  }, [focusSegment, segmentIndex]);
+  const preventWebFocusSteal = (0, _react.useCallback)(event => {
+    if (_reactNative.Platform.OS !== 'web') {
+      return;
+    }
+    const maybeDom = event;
+    maybeDom.preventDefault?.();
+  }, []);
+  const dataProps = (0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+    slot: 'date-time-field-segment',
+    focus: isFocused,
+    placeholder: segment.text === displayText && !segment.value
+  }));
+  if (segment.isEditable && !asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityRole: "spinbutton",
+      accessibilityLabel: (0, _formatters.getDateSegmentAccessibilityLabel)(segment.type, labels),
+      accessibilityState: {
+        disabled,
+        selected: isFocused
+      },
+      disabled: disabled || readOnly,
+      onPress: handlePress,
+      onPressIn: preventWebFocusSteal,
+      style: [{
+        zIndex: 1
+      }, style],
+      ...props,
+      ...dataProps,
+      ...(_reactNative.Platform.OS === 'web' ? {
+        onMouseDown: e => {
+          e.preventDefault();
+        }
+      } : null),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: displayText
+      })
+    });
+  }
+  const Comp = asChild ? _slot.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    style: style,
+    ...props,
+    ...dataProps,
+    accessibilityRole: "text",
+    importantForAccessibility: "no",
+    children: displayText
+  });
+});
+DateTimeFieldSegment.displayName = 'DateTimeFieldSegment';
+//# sourceMappingURL=DateTimeFieldSegment.js.map

package/lib/commonjs/date-time-field/DateTimeFieldSegment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_segmentIndex","_slot","_dataAttributes","_context","_jsxRuntime","DateTimeFieldSegment","exports","forwardRef","asChild","segment","segmentIndex","segmentIndexProp","style","props","ref","contextSegmentIndex","useDateFieldSegmentIndex","disabled","readOnly","focusedSegmentIndex","focusSegment","getSegmentDisplayText","labels","useDateTimeFieldContext","isFocused","displayText","handlePress","useCallback","preventWebFocusSteal","event","Platform","OS","maybeDom","preventDefault","dataProps","mergeDataAttributes","dataAttributes","slot","focus","placeholder","text","value","isEditable","jsx","Pressable","accessibilityRole","accessibilityLabel","getDateSegmentAccessibilityLabel","type","accessibilityState","selected","onPress","onPressIn","zIndex","onMouseDown","e","children","Text","Comp","Slot","importantForAccessibility","displayName"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldSegment.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/date-time-field/context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldContext = void 0;
+exports.useDateTimeFieldContext = useDateTimeFieldContext;
+var _react = require("react");
+const DateTimeFieldContext = exports.DateTimeFieldContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useDateTimeFieldContext() {
+  const ctx = (0, _react.useContext)(DateTimeFieldContext);
+  if (!ctx) {
+    throw new Error('DateTimeField compound components must be used within DateTimeFieldRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/date-time-field/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","DateTimeFieldContext","exports","createContext","useDateTimeFieldContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["date-time-field/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAgCO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAmC,IAAI,CAAC;AAElF,SAASC,uBAAuBA,CAAA,EAA8B;EACnE,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,oBAAoB,CAAC;EAC5C,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}

package/lib/commonjs/date-time-field/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateTimeFieldInput", {
+  enumerable: true,
+  get: function () {
+    return _DateTimeFieldInput.DateTimeFieldInput;
+  }
+});
+Object.defineProperty(exports, "DateTimeFieldRoot", {
+  enumerable: true,
+  get: function () {
+    return _DateTimeFieldRoot.DateTimeFieldRoot;
+  }
+});
+Object.defineProperty(exports, "DateTimeFieldSegment", {
+  enumerable: true,
+  get: function () {
+    return _DateTimeFieldSegment.DateTimeFieldSegment;
+  }
+});
+Object.defineProperty(exports, "applyDateTimePartChange", {
+  enumerable: true,
+  get: function () {
+    return _DateTimeFieldRoot.applyDateTimePartChange;
+  }
+});
+Object.defineProperty(exports, "useDateTimeFieldContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useDateTimeFieldContext;
+  }
+});
+var _DateTimeFieldRoot = require("./DateTimeFieldRoot");
+var _DateTimeFieldInput = require("./DateTimeFieldInput");
+var _DateTimeFieldSegment = require("./DateTimeFieldSegment");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/date-time-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DateTimeFieldRoot","require","_DateTimeFieldInput","_DateTimeFieldSegment","_context"],"sourceRoot":"../../../src","sources":["date-time-field/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAEA,IAAAE,qBAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}