@coorpacademy/components 11.40.21 → 11.40.22-slider.1

package/lib/molecule/multi-filter-panel/index.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { MultiFilterPanelProps } from './prop-types';
 declare const MultiFilterPanel: {
-    (props: MultiFilterPanelProps, context: WebContextValues): JSX.Element;
+    (props: MultiFilterPanelProps, context: WebContextValues): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         onClearAll: import("prop-types").Requireable<(...args: any[]) => any>;
         onRemoveSelectedFilter: import("prop-types").Requireable<(...args: any[]) => any>;
-        options: import("prop-types").Requireable<(NonNullable<import("prop-types").InferProps<{
+        options: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
             options: import("prop-types").Requireable<import("prop-types").InferProps<{
                 title: import("prop-types").Requireable<string>;
                 titleAriaLabel: import("prop-types").Requireable<string>;
                 onClear: import("prop-types").Requireable<(...args: any[]) => any>;
-                options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
                     textColor: import("prop-types").Requireable<string>;
@@ -21,7 +21,7 @@ declare const MultiFilterPanel: {
                     icon: import("prop-types").Requireable<string>;
                     customIcon: import("prop-types").Requireable<string>;
                     onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                }> | null | undefined)[]>;
+                }>[]>;
             }>>;
         }> | import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
@@ -29,14 +29,14 @@ declare const MultiFilterPanel: {
                 title: import("prop-types").Requireable<string>;
                 titleAriaLabel: import("prop-types").Requireable<string>;
                 onClear: import("prop-types").Requireable<(...args: any[]) => any>;
-                options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     value: import("prop-types").Requireable<string>;
                     selected: import("prop-types").Requireable<boolean>;
                     ref: import("prop-types").Requireable<string>;
                     count: import("prop-types").Requireable<number>;
                     onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 emptySearchResult: import("prop-types").Requireable<string>;
                 searchOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
                     value: import("prop-types").Requireable<string>;
@@ -58,14 +58,14 @@ declare const MultiFilterPanel: {
                 title: import("prop-types").Validator<string>;
                 titleAriaLabel: import("prop-types").Requireable<string>;
                 onClear: import("prop-types").Validator<(...args: any[]) => any>;
-                options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Validator<string>;
                     value: import("prop-types").Validator<boolean>;
                     onChange: import("prop-types").Validator<(...args: any[]) => any>;
                     theme: import("prop-types").Validator<string>;
                     ariaLabel: import("prop-types").Validator<string>;
                     id: import("prop-types").Requireable<string>;
-                }> | null | undefined)[]>;
+                }>[]>;
             }>>;
         }> | import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
@@ -78,7 +78,7 @@ declare const MultiFilterPanel: {
                     min: import("prop-types").Validator<number>;
                     max: import("prop-types").Validator<number>;
                     step: import("prop-types").Requireable<number>;
-                    value: import("prop-types").Requireable<(number | null | undefined)[]>;
+                    value: import("prop-types").Requireable<number[]>;
                     minLabel: import("prop-types").Requireable<string>;
                     maxLabel: import("prop-types").Requireable<string>;
                     onChange: import("prop-types").Validator<(...args: any[]) => any>;
@@ -86,7 +86,7 @@ declare const MultiFilterPanel: {
                     selected: import("prop-types").Requireable<boolean>;
                 }>>;
             }>>;
-        }> | null | undefined> | null | undefined)[]>;
+        }>>[]>;
     };
     contextTypes: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/molecule/multi-filter-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAWjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAuDlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhF,CAAC;AASF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAWjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAuDlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhF,CAAC;AASF,eAAe,gBAAgB,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.d.ts

@@ -7,13 +7,13 @@ declare const propTypes: {
     title: PropTypes.Requireable<string>;
     onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
     onRemoveSelectedFilter: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+    options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 textColor: PropTypes.Requireable<string>;
@@ -21,7 +21,7 @@ declare const propTypes: {
                 icon: PropTypes.Requireable<string>;
                 customIcon: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
         }>>;
     }> | PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
@@ -29,14 +29,14 @@ declare const propTypes: {
             title: PropTypes.Requireable<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 ref: PropTypes.Requireable<string>;
                 count: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
             emptySearchResult: PropTypes.Requireable<string>;
             searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
@@ -58,14 +58,14 @@ declare const propTypes: {
             title: PropTypes.Validator<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Validator<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Validator<string>;
                 value: PropTypes.Validator<boolean>;
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
                 theme: PropTypes.Validator<string>;
                 ariaLabel: PropTypes.Validator<string>;
                 id: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
+            }>[]>;
         }>>;
     }> | PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
@@ -78,7 +78,7 @@ declare const propTypes: {
                 min: PropTypes.Validator<number>;
                 max: PropTypes.Validator<number>;
                 step: PropTypes.Requireable<number>;
-                value: PropTypes.Requireable<(number | null | undefined)[]>;
+                value: PropTypes.Requireable<number[]>;
                 minLabel: PropTypes.Requireable<string>;
                 maxLabel: PropTypes.Requireable<string>;
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
@@ -86,7 +86,7 @@ declare const propTypes: {
                 selected: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
-    }> | null | undefined> | null | undefined)[]>;
+    }>>[]>;
 };
 export declare type OptionsChipProps = {
     type: 'chip';

package/lib/molecule/native-slider/index.native.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export declare type NativeSliderProps = {
+    min: number;
+    max: number;
+    value: number;
+    step?: number;
+    trackColor?: string;
+    activeTrackColor?: string;
+    thumbColor?: string;
+    onValueChange?: (value: number) => void;
+    onSlidingStart?: (value: number) => void;
+    onSlidingComplete?: (value: number) => void;
+    style?: ViewStyle;
+    testID?: string;
+};
+declare const NativeSlider: (props: NativeSliderProps) => React.JSX.Element;
+export default NativeSlider;
+//# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/native-slider/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/native-slider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAA2C,SAAS,EAAoB,MAAM,cAAc,CAAC;AAMpG,oBAAY,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAWF,QAAA,MAAM,YAAY,UAAW,iBAAiB,sBAmK7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/molecule/native-slider/index.native.js

@@ -0,0 +1,157 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const THUMB_SIZE = 28;
+const TRACK_HEIGHT = 4;
+const HIT_SLOP = 20;
+const NativeSlider = props => {
+  const {
+    min,
+    max,
+    value,
+    step = 1,
+    trackColor = '#b3b3b3',
+    activeTrackColor = '#007AFF',
+    thumbColor = '#007AFF',
+    onValueChange,
+    onSlidingStart,
+    onSlidingComplete,
+    style,
+    testID
+  } = props;
+  const trackWidth = (0, _react.useRef)(0);
+  const currentValue = (0, _react.useRef)(value);
+  const thumbX = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const activeWidth = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const clampAndStep = (0, _react.useCallback)(raw => {
+    const clamped = Math.min(max, Math.max(min, raw));
+    if (step > 0) {
+      return Math.round((clamped - min) / step) * step + min;
+    }
+    return clamped;
+  }, [min, max, step]);
+  const valueToPosition = (0, _react.useCallback)(v => {
+    if (max === min) return 0;
+    return (v - min) / (max - min) * trackWidth.current;
+  }, [min, max]);
+  const positionToValue = (0, _react.useCallback)(pos => {
+    if (trackWidth.current === 0) return min;
+    const ratio = pos / trackWidth.current;
+    return ratio * (max - min) + min;
+  }, [min, max]);
+  const updatePosition = (0, _react.useCallback)(v => {
+    const pos = valueToPosition(v);
+    thumbX.current.setValue(pos);
+    activeWidth.current.setValue(pos);
+  }, [valueToPosition]);
+  const handleLayout = (0, _react.useCallback)(e => {
+    trackWidth.current = e.nativeEvent.layout.width;
+    updatePosition(currentValue.current);
+  }, [updatePosition]);
+  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: evt => {
+      const touchX = evt.nativeEvent.locationX;
+      const raw = positionToValue(touchX);
+      const stepped = clampAndStep(raw);
+      currentValue.current = stepped;
+      updatePosition(stepped);
+      onSlidingStart?.(stepped);
+      onValueChange?.(stepped);
+    },
+    onPanResponderMove: evt => {
+      const touchX = evt.nativeEvent.locationX;
+      const raw = positionToValue(Math.max(0, Math.min(touchX, trackWidth.current)));
+      const stepped = clampAndStep(raw);
+      currentValue.current = stepped;
+      updatePosition(stepped);
+      onValueChange?.(stepped);
+    },
+    onPanResponderRelease: evt => {
+      const touchX = evt.nativeEvent.locationX;
+      const raw = positionToValue(Math.max(0, Math.min(touchX, trackWidth.current)));
+      const stepped = clampAndStep(raw);
+      currentValue.current = stepped;
+      updatePosition(stepped);
+      onSlidingComplete?.(stepped);
+    }
+  }), [clampAndStep, positionToValue, valueToPosition, updatePosition, onValueChange, onSlidingStart, onSlidingComplete]);
+  const styles = (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      height: THUMB_SIZE + HIT_SLOP * 2,
+      justifyContent: 'center'
+    },
+    track: {
+      height: TRACK_HEIGHT,
+      borderRadius: TRACK_HEIGHT / 2,
+      backgroundColor: trackColor,
+      width: '100%'
+    },
+    activeTrack: {
+      height: TRACK_HEIGHT,
+      borderRadius: TRACK_HEIGHT / 2,
+      backgroundColor: activeTrackColor,
+      position: 'absolute',
+      left: 0,
+      top: 0
+    },
+    thumbContainer: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      justifyContent: 'center'
+    },
+    thumb: {
+      width: THUMB_SIZE,
+      height: THUMB_SIZE,
+      borderRadius: THUMB_SIZE / 2,
+      backgroundColor: thumbColor,
+      marginLeft: -THUMB_SIZE / 2,
+      elevation: 3,
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.25,
+      shadowRadius: 3
+    },
+    hitArea: {
+      position: 'absolute',
+      top: -HIT_SLOP,
+      bottom: -HIT_SLOP,
+      left: 0,
+      right: 0
+    }
+  }), [trackColor, activeTrackColor, thumbColor]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, style],
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.track,
+    onLayout: handleLayout
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.activeTrack, {
+      width: activeWidth.current
+    }]
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.thumbContainer, {
+      transform: [{
+        translateX: thumbX.current
+      }]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.thumb
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: styles.hitArea
+  }, panResponder.panHandlers)));
+};
+var _default = exports.default = NativeSlider;
+//# sourceMappingURL=index.native.js.map

package/lib/molecule/native-slider/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THUMB_SIZE","TRACK_HEIGHT","HIT_SLOP","NativeSlider","props","min","max","value","step","trackColor","activeTrackColor","thumbColor","onValueChange","onSlidingStart","onSlidingComplete","style","testID","trackWidth","useRef","currentValue","thumbX","Animated","Value","activeWidth","clampAndStep","useCallback","raw","clamped","Math","round","valueToPosition","v","current","positionToValue","pos","ratio","updatePosition","setValue","handleLayout","nativeEvent","layout","width","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","evt","touchX","locationX","stepped","onPanResponderMove","onPanResponderRelease","styles","StyleSheet","container","height","justifyContent","track","borderRadius","backgroundColor","activeTrack","position","left","top","thumbContainer","bottom","thumb","marginLeft","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","hitArea","right","createElement","View","onLayout","transform","translateX","panHandlers","_default","exports"],"sources":["../../../src/molecule/native-slider/index.native.tsx"],"sourcesContent":["import React, {useRef, useCallback, useMemo} from 'react';\nimport {View, StyleSheet, PanResponder, Animated, ViewStyle, LayoutChangeEvent} from 'react-native';\n\nconst THUMB_SIZE = 28;\nconst TRACK_HEIGHT = 4;\nconst HIT_SLOP = 20;\n\nexport type NativeSliderProps = {\n  min: number;\n  max: number;\n  value: number;\n  step?: number;\n  trackColor?: string;\n  activeTrackColor?: string;\n  thumbColor?: string;\n  onValueChange?: (value: number) => void;\n  onSlidingStart?: (value: number) => void;\n  onSlidingComplete?: (value: number) => void;\n  style?: ViewStyle;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  track: ViewStyle;\n  activeTrack: ViewStyle;\n  thumbContainer: ViewStyle;\n  thumb: ViewStyle;\n  hitArea: ViewStyle;\n};\n\nconst NativeSlider = (props: NativeSliderProps) => {\n  const {\n    min,\n    max,\n    value,\n    step = 1,\n    trackColor = '#b3b3b3',\n    activeTrackColor = '#007AFF',\n    thumbColor = '#007AFF',\n    onValueChange,\n    onSlidingStart,\n    onSlidingComplete,\n    style,\n    testID\n  } = props;\n\n  const trackWidth = useRef(0);\n  const currentValue = useRef(value);\n  const thumbX = useRef(new Animated.Value(0));\n  const activeWidth = useRef(new Animated.Value(0));\n\n  const clampAndStep = useCallback(\n    (raw: number): number => {\n      const clamped = Math.min(max, Math.max(min, raw));\n      if (step > 0) {\n        return Math.round((clamped - min) / step) * step + min;\n      }\n      return clamped;\n    },\n    [min, max, step]\n  );\n\n  const valueToPosition = useCallback(\n    (v: number): number => {\n      if (max === min) return 0;\n      return ((v - min) / (max - min)) * trackWidth.current;\n    },\n    [min, max]\n  );\n\n  const positionToValue = useCallback(\n    (pos: number): number => {\n      if (trackWidth.current === 0) return min;\n      const ratio = pos / trackWidth.current;\n      return ratio * (max - min) + min;\n    },\n    [min, max]\n  );\n\n  const updatePosition = useCallback(\n    (v: number) => {\n      const pos = valueToPosition(v);\n      thumbX.current.setValue(pos);\n      activeWidth.current.setValue(pos);\n    },\n    [valueToPosition]\n  );\n\n  const handleLayout = useCallback(\n    (e: LayoutChangeEvent) => {\n      trackWidth.current = e.nativeEvent.layout.width;\n      updatePosition(currentValue.current);\n    },\n    [updatePosition]\n  );\n\n  const panResponder = useMemo(\n    () =>\n      PanResponder.create({\n        onStartShouldSetPanResponder: () => true,\n        onMoveShouldSetPanResponder: () => true,\n        onPanResponderGrant: (evt) => {\n          const touchX = evt.nativeEvent.locationX;\n          const raw = positionToValue(touchX);\n          const stepped = clampAndStep(raw);\n          currentValue.current = stepped;\n          updatePosition(stepped);\n          onSlidingStart?.(stepped);\n          onValueChange?.(stepped);\n        },\n        onPanResponderMove: (evt) => {\n          const touchX = evt.nativeEvent.locationX;\n          const raw = positionToValue(Math.max(0, Math.min(touchX, trackWidth.current)));\n          const stepped = clampAndStep(raw);\n          currentValue.current = stepped;\n          updatePosition(stepped);\n          onValueChange?.(stepped);\n        },\n        onPanResponderRelease: (evt) => {\n          const touchX = evt.nativeEvent.locationX;\n          const raw = positionToValue(Math.max(0, Math.min(touchX, trackWidth.current)));\n          const stepped = clampAndStep(raw);\n          currentValue.current = stepped;\n          updatePosition(stepped);\n          onSlidingComplete?.(stepped);\n        }\n      }),\n    [clampAndStep, positionToValue, valueToPosition, updatePosition, onValueChange, onSlidingStart, onSlidingComplete]\n  );\n\n  const styles = useMemo(\n    (): StyleSheetType =>\n      StyleSheet.create({\n        container: {\n          height: THUMB_SIZE + HIT_SLOP * 2,\n          justifyContent: 'center'\n        },\n        track: {\n          height: TRACK_HEIGHT,\n          borderRadius: TRACK_HEIGHT / 2,\n          backgroundColor: trackColor,\n          width: '100%'\n        },\n        activeTrack: {\n          height: TRACK_HEIGHT,\n          borderRadius: TRACK_HEIGHT / 2,\n          backgroundColor: activeTrackColor,\n          position: 'absolute',\n          left: 0,\n          top: 0\n        },\n        thumbContainer: {\n          position: 'absolute',\n          top: 0,\n          bottom: 0,\n          justifyContent: 'center'\n        },\n        thumb: {\n          width: THUMB_SIZE,\n          height: THUMB_SIZE,\n          borderRadius: THUMB_SIZE / 2,\n          backgroundColor: thumbColor,\n          marginLeft: -THUMB_SIZE / 2,\n          elevation: 3,\n          shadowColor: '#000',\n          shadowOffset: {width: 0, height: 2},\n          shadowOpacity: 0.25,\n          shadowRadius: 3\n        },\n        hitArea: {\n          position: 'absolute',\n          top: -HIT_SLOP,\n          bottom: -HIT_SLOP,\n          left: 0,\n          right: 0\n        }\n      }),\n    [trackColor, activeTrackColor, thumbColor]\n  );\n\n  return (\n    <View style={[styles.container, style]} testID={testID}>\n      <View style={styles.track} onLayout={handleLayout}>\n        <Animated.View style={[styles.activeTrack, {width: activeWidth.current}]} />\n      </View>\n      <Animated.View\n        style={[styles.thumbContainer, {transform: [{translateX: thumbX.current}]}]}\n      >\n        <View style={styles.thumb} />\n      </Animated.View>\n      <View style={styles.hitArea} {...panResponder.panHandlers} />\n    </View>\n  );\n};\n\nexport default NativeSlider;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/news/index.d.ts

@@ -1,5 +1,5 @@
 export default News;
-declare function News(props: any, context: any): JSX.Element;
+declare function News(props: any, context: any): React.JSX.Element;
 declare namespace News {
     namespace propTypes {
         const image: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace News {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/news/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/news/index.js"],"names":[],"mappings":";AAOA,6DA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/news/index.js"],"names":[],"mappings":";AAOA,mEA6CC"}

package/lib/molecule/notification-banner/index.d.ts

@@ -1,5 +1,5 @@
 export default NotificationBanner;
-declare function NotificationBanner(props: any, context: any): JSX.Element;
+declare function NotificationBanner(props: any, context: any): React.JSX.Element;
 declare namespace NotificationBanner {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -33,5 +33,6 @@ declare namespace NotificationBanner {
         const closeOnClick: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/notification-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/notification-banner/index.js"],"names":[],"mappings":";AA8BA,2EAsDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/notification-banner/index.js"],"names":[],"mappings":";AA8BA,iFAsDC"}

package/lib/molecule/pagination/index.d.ts

@@ -1,5 +1,5 @@
 export default Pagination;
-declare function Pagination(props: any): JSX.Element;
+declare function Pagination(props: any): React.JSX.Element;
 declare namespace Pagination {
     namespace propTypes {
         const value: PropTypes.Validator<string>;
@@ -7,5 +7,6 @@ declare namespace Pagination {
         const previousHref: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,qDAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,2DAgBC"}

package/lib/molecule/payment-form/index.d.ts

@@ -38,7 +38,7 @@ declare class PaymentForm extends React.Component<any, any, any> {
     cardExpiry: any;
     cardCvc: any;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/molecule/payment-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,sBA+DC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,4BA+DC;CACF"}

package/lib/molecule/pdf/index.d.ts

@@ -1,5 +1,5 @@
 export default PDF;
-declare function PDF(props: any, context: any): JSX.Element;
+declare function PDF(props: any, context: any): React.JSX.Element;
 declare namespace PDF {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -32,5 +32,6 @@ declare namespace PDF {
         const onPlay: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/pdf/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,4DA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,kEA8BC"}

package/lib/molecule/playlist-card/index.d.ts

@@ -1,5 +1,5 @@
 export default PlaylistCard;
-declare function PlaylistCard(props: any, context: any): JSX.Element | null;
+declare function PlaylistCard(props: any, context: any): React.JSX.Element;
 declare namespace PlaylistCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -9,10 +9,10 @@ declare namespace PlaylistCard {
         const label: PropTypes.Requireable<string>;
         const title: PropTypes.Validator<string>;
         const progress: PropTypes.Requireable<number>;
-        const coverImages: PropTypes.Validator<(PropTypes.InferProps<{
+        const coverImages: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const locales: PropTypes.Requireable<PropTypes.InferProps<{
             playlistTag: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace PlaylistCard {
         export { locales_1 as locales };
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,4EAwCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,2EAwCC"}

package/lib/molecule/playlist-detail-cover/index.d.ts

@@ -2,15 +2,16 @@ export default PlaylistDetailCover;
 declare function PlaylistDetailCover({ images, className }: {
     images: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace PlaylistDetailCover {
     namespace propTypes {
-        const images: PropTypes.Validator<(PropTypes.InferProps<{
+        const images: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const className: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-detail-cover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;gBAoCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;sBAoCC"}

package/lib/molecule/popin/index.d.ts

@@ -1,5 +1,5 @@
 export default Popin;
-declare function Popin(props: any, context: any): JSX.Element;
+declare function Popin(props: any, context: any): React.JSX.Element;
 declare namespace Popin {
     namespace propTypes {
         const header: PropTypes.Requireable<string>;
@@ -14,5 +14,6 @@ declare namespace Popin {
         const backgroundImageUrl: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,8DAgIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,oEAgIC"}

package/lib/molecule/privacy-policy-contact/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from './types';
 export declare const ICONS: {
     arrow: any;
 };
 declare const PrivacyPolicyContact: {
-    ({ title, content }: Props): JSX.Element;
+    ({ title, content }: Props): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         content: import("prop-types").Requireable<string>;

package/lib/molecule/privacy-policy-contact/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/lib/molecule/product-card/index.d.ts

@@ -1,5 +1,5 @@
 export default ProductCard;
-declare function ProductCard(props: any, context: any): JSX.Element;
+declare function ProductCard(props: any, context: any): React.JSX.Element;
 declare namespace ProductCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -12,5 +12,6 @@ declare namespace ProductCard {
         const checkImage: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/product-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,oEA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,0EA0CC"}

package/lib/molecule/progress-bar/index.d.ts

@@ -1,5 +1,5 @@
 export default ProgressBar;
-declare function ProgressBar(props: any): JSX.Element;
+declare function ProgressBar(props: any): React.JSX.Element;
 declare namespace ProgressBar {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
@@ -8,10 +8,11 @@ declare namespace ProgressBar {
         const desc: PropTypes.Requireable<string>;
         const steps: PropTypes.Requireable<number>;
         const style: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         const displayInfo: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,sDAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,4DAqCC"}