@trilogy-ds/react 0.0.1-beta-152 → 0.0.1-beta-timepicker

package/lib/components/select/SelectChangeEventDefaults.js

@@ -1,4 +1,8 @@
 export default {
+  "target": {
+    "type": "string",
+    "values": []
+  },
   "selectValue": {
     "type": "string",
     "values": [

package/lib/components/select/SelectChangeEventNativeDefaults.js

@@ -0,0 +1,37 @@
+export default {
+  "selectValue": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "selectName": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "selectId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "selectedOptions": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string[]"
+    ]
+  }
+};

package/lib/components/select/SelectEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum SelectStatus {
+    SUCCESS = "success",
+    ERROR = "error"
+}
+export type SelectStatusValues = `${SelectStatus}`;

package/lib/components/select/SelectEnum.js

@@ -0,0 +1,6 @@
+export var SelectStatus;
+(function (SelectStatus) {
+    SelectStatus["SUCCESS"] = "success";
+    SelectStatus["ERROR"] = "error";
+})(SelectStatus || (SelectStatus = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksWUFHWDtBQUhELFdBQVksWUFBWTtJQUN0QixtQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxZQUFZLEtBQVosWUFBWSxRQUd2QiJ9

package/lib/components/select/SelectNativePropsDefaults.js

@@ -0,0 +1,206 @@
+export default {
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "SelectNativeChangeEventHandler<T>"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onFocus": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ParamEventSelectFocus) => void"
+    ]
+  },
+  "onBlur": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "FocusEventHandler<HTMLSelectElement>",
+      "(event: unknown) => void"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "selected": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string",
+      "number",
+      "string[]"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "multiple": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "placeholder": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "custom": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "success",
+      "error",
+      "success",
+      "error"
+    ]
+  },
+  "required": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "sample": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "help": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/select/SelectProps.d.ts

@@ -1,26 +1,33 @@
 /// <reference types="react" />
+import { TextInput } from 'react-native';
 import { Accessibility, Dev } from '../../objects';
-import { IconName, IconNameValues } from '../icon';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { IconName, IconNameValues } from '../icon';
+import { SelectStatus, SelectStatusValues } from './SelectEnum';
 export interface ISelectOption {
     value: string | undefined;
     name: string | undefined;
     id: string | undefined;
 }
-export interface SelectChangeEvent {
+export interface SelectChangeEventNative {
     selectValue?: string;
     selectName?: string;
     selectId?: string;
     name?: string;
     selectedOptions?: string[];
 }
+export interface SelectChangeEvent extends SelectChangeEventNative {
+    target: EventTarget & HTMLSelectElement;
+}
 export type SelectChangeEventHandler<T = SelectChangeEvent> = (event: T) => void;
+export type SelectNativeChangeEventHandler<T = SelectChangeEventNative> = (event: T) => void;
 export type SelectedValue = string | number | string[] | undefined;
 export type ParamEventSelectFocus = React.FocusEvent | React.BaseSyntheticEvent;
-export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev, CommonProps {
-    onChange?: SelectChangeEventHandler<T>;
+export type SelectRef = HTMLSelectElement | HTMLInputElement;
+export type SelectNativeRef = TextInput;
+interface Props {
     onFocus?: (event: ParamEventSelectFocus) => void;
-    onBlur?: (event: unknown) => void;
+    onBlur?: React.FocusEventHandler<HTMLSelectElement> | ((event: unknown) => void);
     label?: string;
     children?: React.ReactNode;
     disabled?: boolean;
@@ -29,5 +36,16 @@ export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev,
     name?: string;
     multiple?: boolean;
     placeholder?: string;
-    native?: boolean;
+    custom?: boolean;
+    status?: SelectStatus | SelectStatusValues;
+    required?: boolean;
+    sample?: string;
+    help?: string;
+}
+export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev, CommonProps, Props {
+    onChange?: SelectChangeEventHandler<T>;
+}
+export interface SelectNativeProps<T = SelectChangeEventNative> extends Accessibility, Dev, CommonProps, Props {
+    onChange?: SelectNativeChangeEventHandler<T>;
 }
+export {};

package/lib/components/select/SelectPropsDefaults.js

@@ -6,6 +6,34 @@ export default {
       "SelectChangeEventHandler<T>"
     ]
   },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "onFocus": {
     "type": "function",
     "values": [
@@ -17,6 +45,7 @@ export default {
     "type": "function",
     "values": [
       "undefined",
+      "FocusEventHandler<HTMLSelectElement>",
       "(event: unknown) => void"
     ]
   },
@@ -59,6 +88,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -82,6 +112,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -132,7 +163,7 @@ export default {
       "string"
     ]
   },
-  "native": {
+  "custom": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -140,28 +171,32 @@ export default {
       "true"
     ]
   },
-  "accessibilityLabel": {
-    "type": "string",
+  "status": {
+    "type": "enum",
     "values": [
       "undefined",
-      "string"
+      "success",
+      "error",
+      "success",
+      "error"
     ]
   },
-  "testId": {
-    "type": "string",
+  "required": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "id": {
+  "sample": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "help": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/select/context/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SelectChangeEventHandler, SelectedValue } from '../SelectProps';
+interface IContext {
+    selectedOptionValues: SelectedValue[];
+    isVisibleOptions: boolean;
+    multiple: boolean;
+    custom: boolean;
+    setSelectedOptionValues: React.Dispatch<React.SetStateAction<SelectedValue[] | []>>;
+    setIsVisibleOptions: React.Dispatch<React.SetStateAction<boolean>>;
+    onChange?: SelectChangeEventHandler;
+}
+export declare const SelectContext: React.Context<IContext>;
+export {};

package/lib/components/select/context/index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export var SelectContext = React.createContext({
+    selectedOptionValues: [],
+    multiple: false,
+    custom: false,
+    isVisibleOptions: false,
+    setIsVisibleOptions: function () { return false; },
+    setSelectedOptionValues: function () { return []; },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9jb250ZXh0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFhekIsTUFBTSxDQUFDLElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVc7SUFDekQsb0JBQW9CLEVBQUUsRUFBRTtJQUN4QixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0lBQ2IsZ0JBQWdCLEVBQUUsS0FBSztJQUN2QixtQkFBbUIsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7SUFDaEMsdUJBQXVCLEVBQUUsY0FBTSxPQUFBLEVBQUUsRUFBRixDQUFFO0NBQ2xDLENBQUMsQ0FBQSJ9

package/lib/components/select/option/SelectOption.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { SelectOptionProps } from './SelectOptionProps';
+import { SelectOptionProps, SelectOptionRef } from './SelectOptionProps';
 /**
  * Select Option Component
  * @param value {string} Select option value
  * @param children {React.ReactNode}
  * @param label {string} option name
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param testId {string} id for testing
  * @param iconName {IconName | IconNameValues} icon
  * @param disabled {boolean} disable option
@@ -14,5 +14,5 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @param id {string} Select option custom id
  * @param others
  */
-declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => React.JSX.Element;
+declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<SelectOptionRef>>;
 export default SelectOption;

package/lib/components/select/option/SelectOption.js

@@ -1,14 +1,19 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { is } from '../../../services/classify';
 import clsx from 'clsx';
-import { RadioTile } from '../../../components/radio';
 import * as React from 'react';
+import { SelectContext } from '../context';
 /**
  * Select Option Component
  * @param value {string} Select option value
  * @param children {React.ReactNode}
  * @param label {string} option name
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param testId {string} id for testing
  * @param iconName {IconName | IconNameValues} icon
  * @param disabled {boolean} disable option
@@ -16,14 +21,44 @@ import * as React from 'react';
  * @param id {string} Select option custom id
  * @param others
  */
-var SelectOption = function (_a) {
-    var id = _a.id, className = _a.className, value = _a.value, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
-    var _b = others, checked = _b.checked, native = _b.native, focused = _b.focused, props = __rest(_b, ["checked", "native", "focused"]);
-    var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
-    if (native) {
-        return (React.createElement("option", __assign({ role: "option", id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
+var SelectOption = React.forwardRef(function (_a, ref) {
+    var id = _a.id, className = _a.className, _b = _a.value, value = _b === void 0 ? '' : _b, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var _c = React.useContext(SelectContext), custom = _c.custom, selectedOptionValues = _c.selectedOptionValues, setSelectedOptionValues = _c.setSelectedOptionValues, multiple = _c.multiple, setIsVisibleOptions = _c.setIsVisibleOptions, onChange = _c.onChange;
+    var isChecked = selectedOptionValues.includes(value);
+    var selectClasses = hashClass(styled, clsx('option', isChecked && 'focus', disabled && is('disabled'), className));
+    var handleClickOption = function () {
+        setSelectedOptionValues(function (prev) {
+            var isInclude = prev.includes(value);
+            var newOptionsSelected = !multiple && isInclude
+                ? []
+                : !multiple && !isInclude
+                    ? [value]
+                    : isInclude
+                        ? prev.filter(function (opt) { return opt !== value; })
+                        : __spreadArray(__spreadArray([], __read(prev), false), [value], false);
+            if (onChange) {
+                onChange({
+                    selectValue: isInclude ? undefined : value,
+                    selectName: isInclude ? undefined : children || label,
+                    selectId: isInclude ? undefined : id,
+                    name: isInclude ? undefined : children || label,
+                    selectedOptions: newOptionsSelected,
+                    target: undefined,
+                });
+            }
+            return newOptionsSelected;
+        });
+        if (!multiple)
+            setIsVisibleOptions(false);
+    };
+    if (custom || multiple) {
+        return (React.createElement("li", __assign({ ref: ref, id: id, className: selectClasses, "data-selected": isChecked, role: 'option', "aria-selected": isChecked, "data-value": value, onClick: !disabled ? handleClickOption : undefined }, others),
+            iconName && React.createElement(Icon, { name: iconName }),
+            label || children));
     }
-    return (React.createElement(RadioTile, __assign({ checked: checked, horizontal: true, className: selectClasses, value: value, disabled: disabled, onChange: onClick, icon: iconName, description: label || children }, others)));
-};
+    return (React.createElement("option", __assign({ ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, others), children || label));
+});
+SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDOUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFXb0I7SUFWbEIsSUFBQSxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVlgsOEZBV0MsQ0FEVTtJQUcvQixJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFDaEgsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxDQUFDLEVBQW5DLENBQW1DLEVBQUUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRyxJQUFJLE1BQU0sRUFBRTtRQUNWLE9BQU8sQ0FDTCx5Q0FDRSxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFDWixLQUFLLEdBRVIsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxTQUFTLGFBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLE9BQU8sRUFDakIsSUFBSSxFQUFFLFFBQVEsRUFDZCxXQUFXLEVBQUUsS0FBSyxJQUFJLFFBQVEsSUFDMUIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsWUFBWSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSTFDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQThGLEVBQUUsR0FBRztJQUFqRyxJQUFBLEVBQUUsUUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUYsOEZBQThGLENBQUY7SUFDbkYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFaEMsSUFBQSxLQUNKLEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEVBRHpCLE1BQU0sWUFBQSxFQUFFLG9CQUFvQiwwQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxF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

package/lib/components/select/option/SelectOption.native.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+import { TouchableOpacity } from 'react-native';
 import { SelectOptionProps } from './SelectOptionProps';
 /**
  * Select Option Component
@@ -7,8 +7,5 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @param label {string} Label value
  * @param children {React.ReactNode}
  */
-declare const SelectOption: {
-    ({ disabled, children, onClick, label, iconName, ...others }: SelectOptionProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<TouchableOpacity>>;
 export default SelectOption;