@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-sc-2

package/lib/components/styleComponent/default/styleComponent.js

@@ -1,8 +1,8 @@
-import '@trilogy-ds/styles/dist/default/trilogy.css';
 import React from 'react';
+import '@trilogy-ds/styles/dist/default/trilogy.css';
 var StyleComponent = function (_a) {
     var children = _a.children;
     return React.createElement(React.Fragment, null, children);
 };
 export default StyleComponent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2RlZmF1bHQvc3R5bGVDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sNkNBQTZDLENBQUE7QUFDcEQsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQTtBQUV4QyxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXFDO1FBQW5DLFFBQVEsY0FBQTtJQUNoQyxPQUFPLDBDQUFHLFFBQVEsQ0FBSSxDQUFBO0FBQ3hCLENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2RlZmF1bHQvc3R5bGVDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBb0IsTUFBTSxPQUFPLENBQUE7QUFFeEMsT0FBTyw2Q0FBNkMsQ0FBQTtBQUVwRCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXFDO1FBQW5DLFFBQVEsY0FBQTtJQUNoQyxPQUFPLDBDQUFHLFFBQVEsQ0FBSSxDQUFBO0FBQ3hCLENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/styleComponent/index.d.ts

@@ -1,2 +1,2 @@
-export * from './default';
-export * from './mangled';
+export * from '../../components/styleComponent/default';
+export * from '../../components/styleComponent/mangled';

package/lib/components/styleComponent/index.js

@@ -1,3 +1,3 @@
-export * from './default';
-export * from './mangled';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsV0FBVyxDQUFBIn0=
+export * from '../../components/styleComponent/default';
+export * from '../../components/styleComponent/mangled';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUNBQXFDLENBQUE7QUFDbkQsY0FBYyxxQ0FBcUMsQ0FBQSJ9

package/lib/components/styleComponent/mangled/index.d.ts

@@ -1 +1 @@
-export { default as StyleComponentMangled } from './styleComponentMangled';
+export { default as StyleComponentMangled } from '../../../components/styleComponent/mangled/styleComponentMangled';

package/lib/components/styleComponent/mangled/index.js

@@ -1,2 +1,2 @@
-export { default as StyleComponentMangled } from './styleComponentMangled';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L21hbmdsZWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBIn0=
+export { default as StyleComponentMangled } from '../../../components/styleComponent/mangled/styleComponentMangled';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L21hbmdsZWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxxQkFBcUIsRUFBRSxNQUFNLDJEQUEyRCxDQUFBIn0=

package/lib/components/styleComponent/mangled/styleComponentMangled.d.ts

@@ -1,5 +1,5 @@
-import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
 import { ReactNode } from 'react';
+import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
 declare const StyleComponentMangled: ({ children }: {
     children: ReactNode;
 }) => JSX.Element;

package/lib/components/styleComponent/mangled/styleComponentMangled.js

@@ -1,8 +1,8 @@
-import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
 import React from 'react';
+import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
 var StyleComponentMangled = function (_a) {
     var children = _a.children;
     return React.createElement(React.Fragment, null, children);
 };
 export default StyleComponentMangled;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnRNYW5nbGVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdHlsZUNvbXBvbmVudC9tYW5nbGVkL3N0eWxlQ29tcG9uZW50TWFuZ2xlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxxREFBcUQsQ0FBQTtBQUM1RCxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFBO0FBRXhDLElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUFxQztRQUFuQyxRQUFRLGNBQUE7SUFDdkMsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtBQUN4QixDQUFDLENBQUE7QUFFRCxlQUFlLHFCQUFxQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnRNYW5nbGVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdHlsZUNvbXBvbmVudC9tYW5nbGVkL3N0eWxlQ29tcG9uZW50TWFuZ2xlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQTtBQUV4QyxPQUFPLHFEQUFxRCxDQUFBO0FBRTVELElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUFxQztRQUFuQyxRQUFRLGNBQUE7SUFDdkMsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtBQUN4QixDQUFDLENBQUE7QUFFRCxlQUFlLHFCQUFxQixDQUFBIn0=

package/lib/components/switch/Switch.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { SwitchProps } from './SwitchProps';
+import React from 'react';
+import { SwitchProps } from '../../components/switch/SwitchProps';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -16,5 +16,5 @@ import { SwitchProps } from './SwitchProps';
  * @param value {string} Switch value
  * @param reversed {boolean} change switch position
  */
-declare const Switch: ({ className, id, label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, fullWidth, ...others }: SwitchProps) => JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 export default Switch;

package/lib/components/switch/Switch.js

@@ -1,11 +1,11 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { useSwitch } from '../../components/switch/hook/ueSwitch';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getStatusClassName } from '../../objects/facets/Status';
 import { is } from '../../services/classify';
-import { getStatusClassName } from '../../objects';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -22,43 +22,13 @@ import { useTrilogyContext } from '../../context';
  * @param value {string} Switch value
  * @param reversed {boolean} change switch position
  */
-var Switch = function (_a) {
-    var className = _a.className, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
-    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
-    var styled = useTrilogyContext().styled;
-    React.useEffect(function () {
-        setChecked(checked || false);
-    }, [checked]);
-    useEffect(function () {
-        if (!readonly) {
-            setChecked(checked || false);
-        }
-    }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
-        React.createElement("input", __assign({ onChange: function (e) {
-                if (!readonly) {
-                    setChecked(!_checked);
-                }
-                if (onChange) {
-                    onChange({
-                        switchState: e.target.checked,
-                        switchName: e.target.name,
-                    });
-                }
-            }, 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            onClick: function (e) {
-                if (!readonly) {
-                    setChecked(!_checked);
-                }
-                if (onClick) {
-                    onClick({
-                        switchState: e.target.checked,
-                        switchName: e.target.name,
-                    });
-                }
-            }, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: "switch-".concat(id), type: 'checkbox', disabled: disabled, className: hashClass(styled, clsx(status && is(getStatusClassName(status)))) }, others)),
+var Switch = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed"]);
+    var _c = useSwitch({ checked: checked, readonly: readonly, onChange: onChange, onClick: onClick }), _checked = _c._checked, handleChange = _c.handleChange, handleClick = _c.handleClick;
+    return (React.createElement("div", { className: hashClass(clsx('switch', reversed && is('reversed'), className)) },
+        React.createElement("input", __assign({ onChange: handleChange, onClick: handleClick, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: "switch-".concat(id), type: 'checkbox', disabled: disabled, className: hashClass(clsx(status && is(getStatusClassName(status)))), ref: ref }, others)),
         React.createElement("label", { htmlFor: "switch-".concat(id) }, label)));
-};
+});
+Switch.displayName = ComponentName.Switch;
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZUY7SUFkWixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FkSywwSUFlZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUVqSCx3Q0FDRSxRQUFRLEVBQUUsVUFBQyxDQUFDO2dCQUNWLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksUUFBUSxFQUFFO29CQUNaLFFBQVEsQ0FBQzt3QkFDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1lBQ0QsOERBQThEO1lBQzlELE9BQU8sRUFBRSxVQUFDLENBQU07Z0JBQ2QsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDYixVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtpQkFDdEI7Z0JBQ0QsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDO3dCQUNOLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87d0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7cUJBQzFCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxpQkFBVSxFQUFFLENBQUUsRUFDbEIsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDeEUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLGlCQUFVLEVBQUUsQ0FBRSxJQUFHLEtBQUssQ0FBUyxDQUMzQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBQzdELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBRUgsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQWNjLEVBQ2QsR0FBZ0M7SUFkOUIsSUFBQSxTQUFTLGVBQUEsRUFDVCxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBYlgsNkhBY0MsQ0FEVTtJQUlMLElBQUEsS0FBMEMsU0FBUyxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsUUFBUSxVQUFBLEVBQUUsUUFBUSxVQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxFQUEzRixRQUFRLGNBQUEsRUFBRSxZQUFZLGtCQUFBLEVBQUUsV0FBVyxpQkFBd0QsQ0FBQTtJQUVuRyxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDOUUsd0NBQ0UsUUFBUSxFQUFFLFlBQVksRUFDdEIsT0FBTyxFQUFFLFdBQVcsRUFDcEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsaUJBQVUsRUFBRSxDQUFFLEVBQ2xCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDcEUsR0FBRyxFQUFFLEdBQUcsSUFDSixNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsaUJBQVUsRUFBRSxDQUFFLElBQUcsS0FBSyxDQUFTLENBQzNDLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBQ3pDLGVBQWUsTUFBTSxDQUFBIn0=

package/lib/components/switch/Switch.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SwitchProps } from "./SwitchProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { Switch as SwitchNative } from 'react-native';
+import { SwitchProps } from '../../components/switch/SwitchProps';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -11,8 +11,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  */
-declare const Switch: {
-    ({ id, checked, onChange, status, disabled, readonly, name, }: SwitchProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<SwitchNative>>;
 export default Switch;

package/lib/components/switch/Switch.native.js

@@ -1,10 +1,10 @@
 import { __read } from "tslib";
-import React, { useEffect, useState } from "react";
-import { Platform, StyleSheet, Switch as SwitchNative } from "react-native";
-import shortid from "shortid";
-import { getStatusStyle } from "../../objects";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React, { useEffect, useState } from 'react';
+import { Platform, StyleSheet, Switch as SwitchNative } from 'react-native';
+import shortid from 'shortid';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { getStatusStyle } from '../../objects/facets/Status';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -15,7 +15,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  */
-var Switch = function (_a) {
+var Switch = React.forwardRef(function (_a, ref) {
     var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, onChange = _a.onChange, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name;
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     useEffect(function () {
@@ -31,17 +31,15 @@ var Switch = function (_a) {
             transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }],
         },
     });
-    return (React.createElement(SwitchNative, { testID: 'switch-id', style: Platform.OS === "ios" ? styles.switchIos : {}, trackColor: {
+    return (React.createElement(SwitchNative, { ref: ref, testID: 'switch-id', style: Platform.OS === 'ios' ? styles.switchIos : {}, trackColor: {
             false: disabled ? backgroundColorDisabled : backgroundColorOff,
-            true: disabled
-                ? backgroundColorDisabled
-                : getStatusStyle(status).color,
+            true: disabled ? backgroundColorDisabled : getStatusStyle(status).color,
         }, thumbColor: thumbColor, ios_backgroundColor: disabled ? backgroundColorDisabled : backgroundColorOff, onValueChange: function (state) {
             if (onChange) {
-                onChange({ switchState: state, switchName: name || "" });
+                onChange({ switchState: state, switchName: name || '' });
             }
         }, nativeID: name ? "".concat(name, "_").concat(id) : id, disabled: disabled, value: _checked }));
-};
+});
 Switch.displayName = ComponentName.Switch;
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxJQUFJLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFDN0IsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBUUY7UUFQWixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUE7SUFFRSxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixJQUFNLGtCQUFrQixHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDOUQsSUFBTSx1QkFBdUIsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFekQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxTQUFTLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztTQUM5QztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLElBQ1gsTUFBTSxFQUFDLFdBQVcsRUFDbEIsS0FBSyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3BELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxrQkFBa0I7WUFDOUQsSUFBSSxFQUFFLFFBQVE7Z0JBQ1osQ0FBQyxDQUFDLHVCQUF1QjtnQkFDekIsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLO1NBQ2pDLEVBQ0QsVUFBVSxFQUFFLFVBQVUsRUFDdEIsbUJBQW1CLEVBQ2pCLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixFQUV6RCxhQUFhLEVBQUUsVUFBQyxLQUFLO1lBQ25CLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQ3pEO1FBQ0gsQ0FBQyxFQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxjQUFJLEVBQUUsQ0FBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3JDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxRQUFRLEdBQ2YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxJQUFJLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRSxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFFN0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUVILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFBNkYsRUFDN0YsR0FBNEI7UUFEMUIsVUFBdUIsRUFBdkIsRUFBRSxtQkFBRyxPQUFPLENBQUMsUUFBUSxFQUFFLEtBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUE7SUFHeEUsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsSUFBTSxrQkFBa0IsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQzlELElBQU0sdUJBQXVCLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUNwRSxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsU0FBUyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDOUM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsWUFBWSxJQUNYLEdBQUcsRUFBRSxHQUFHLEVBQ1IsTUFBTSxFQUFDLFdBQVcsRUFDbEIsS0FBSyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3BELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxrQkFBa0I7WUFDOUQsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLO1NBQ3hFLEVBQ0QsVUFBVSxFQUFFLFVBQVUsRUFDdEIsbUJBQW1CLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLEVBQzVFLGFBQWEsRUFBRSxVQUFDLEtBQUs7WUFDbkIsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUE7YUFDekQ7UUFDSCxDQUFDLEVBQ0QsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLGNBQUksRUFBRSxDQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFDckMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLFFBQVEsR0FDZixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/switch/SwitchProps.d.ts

@@ -1,20 +1,20 @@
+import { Invertable } from '../../objects/facets/Invertable';
 import { StatusProps } from '../../objects/facets/Status';
-import { CommonProps } from '../../objects/facets/CommonProps';
 export interface SwitchChangeEvent {
     switchState: boolean;
     switchName: string;
 }
-type SwitchEventHandler = (event: SwitchChangeEvent) => void;
-export interface SwitchProps extends StatusProps, CommonProps {
+export type SwitchEventHandler = (event: SwitchChangeEvent) => void;
+export interface SwitchProps extends StatusProps, Invertable {
     checked?: boolean;
     onChange?: SwitchEventHandler;
     onClick?: SwitchEventHandler;
     label?: string;
     disabled?: boolean;
     readonly?: boolean;
+    className?: string;
+    id?: string;
     value?: string;
     name?: string;
     reversed?: boolean;
-    fullWidth?: boolean;
 }
-export {};

package/lib/components/switch/SwitchPropsDefaults.js

@@ -44,29 +44,35 @@ export default {
       "true"
     ]
   },
-  "value": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "name": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "reversed": {
-    "type": "boolean",
+  "value": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   },
-  "fullWidth": {
+  "reversed": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -88,18 +94,12 @@ export default {
       "ERROR"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
+  "inverted": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };

package/lib/components/switch/hook/ueSwitch.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SwitchEventHandler } from '../../../components/switch/SwitchProps';
+interface IParams {
+    checked?: boolean;
+    readonly?: boolean;
+    onChange?: SwitchEventHandler;
+    onClick?: SwitchEventHandler;
+}
+export declare const useSwitch: ({ checked, readonly, onChange, onClick }: IParams) => {
+    _checked: boolean;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClick: (e: React.MouseEvent<HTMLInputElement>) => void;
+} | {
+    _checked: boolean | undefined;
+    handleChange: undefined;
+    handleClick: undefined;
+};
+export {};

package/lib/components/switch/hook/ueSwitch.js

@@ -0,0 +1,35 @@
+import { __read } from "tslib";
+import React, { useCallback } from 'react';
+export var useSwitch = function (_a) {
+    var checked = _a.checked, readonly = _a.readonly, onChange = _a.onChange, onClick = _a.onClick;
+    try {
+        var _b = __read(React.useState(checked || false), 2), _checked = _b[0], setChecked_1 = _b[1];
+        React.useEffect(function () {
+            if (!readonly)
+                setChecked_1(checked || false);
+        }, [checked, readonly]);
+        var handleChange = useCallback(function (e) {
+            if (!readonly)
+                setChecked_1(function (prev) { return !prev; });
+            if (onChange) {
+                onChange({
+                    switchState: e.target.checked,
+                    switchName: e.target.name,
+                });
+            }
+        }, [readonly, onChange]);
+        var handleClick = useCallback(function (e) {
+            if (onClick) {
+                onClick({
+                    switchState: e.target.checked,
+                    switchName: e.target.name,
+                });
+            }
+        }, [readonly, onClick]);
+        return { _checked: _checked, handleChange: handleChange, handleClick: handleClick };
+    }
+    catch (_c) {
+        return { _checked: checked, handleChange: undefined, handleClick: undefined };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWVTd2l0Y2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N3aXRjaC9ob29rL3VlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFVMUMsTUFBTSxDQUFDLElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBaUQ7UUFBL0MsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBO0lBQzlELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBeUIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsUUFBUSxRQUFBLEVBQUUsWUFBVSxRQUE2QyxDQUFBO1FBRXhFLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxJQUFJLENBQUMsUUFBUTtnQkFBRSxZQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1FBQzdDLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO1FBRXZCLElBQU0sWUFBWSxHQUFHLFdBQVcsQ0FDOUIsVUFBQyxDQUFzQztZQUNyQyxJQUFJLENBQUMsUUFBUTtnQkFBRSxZQUFVLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUMsQ0FBQTtZQUUxQyxJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFRLENBQUM7b0JBQ1AsV0FBVyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTztvQkFDN0IsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTtpQkFDMUIsQ0FBQyxDQUFBO2FBQ0g7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQ3JCLENBQUE7UUFFRCxJQUFNLFdBQVcsR0FBRyxXQUFXLENBQzdCLFVBQUMsQ0FBcUM7WUFDcEMsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDO29CQUNOLFdBQVcsRUFBRyxDQUFDLENBQUMsTUFBMkIsQ0FBQyxPQUFPO29CQUNuRCxVQUFVLEVBQUcsQ0FBQyxDQUFDLE1BQTJCLENBQUMsSUFBSTtpQkFDaEQsQ0FBQyxDQUFBO2FBQ0g7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQ3BCLENBQUE7UUFFRCxPQUFPLEVBQUUsUUFBUSxVQUFBLEVBQUUsWUFBWSxjQUFBLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQTtLQUMvQztJQUFDLFdBQU07UUFDTixPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsQ0FBQTtLQUM5RTtBQUNILENBQUMsQ0FBQSJ9

package/lib/components/switch/index.d.ts

@@ -1,2 +1 @@
-import Switch from './Switch';
-export { Switch };
+export { default as Switch } from '../../components/switch/Switch';

package/lib/components/switch/index.js

@@ -1,3 +1,2 @@
-import Switch from './Switch';
-export { Switch };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N3aXRjaC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFFN0IsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=
+export { default as Switch } from '../../components/switch/Switch';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N3aXRjaC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFBIn0=

package/lib/components/table/Table.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { TableProps } from './TableProps';
+import React from 'react';
+import { TableProps } from '../../components/table/TableProps';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -11,5 +11,5 @@ import { TableProps } from './TableProps';
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-declare const Table: ({ className, id, fullwidth, border, striped, compact, ...others }: TableProps) => JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
 export default Table;

package/lib/components/table/Table.js

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { TableBorderEnum } from './TableProps';
-import { has, is } from '../../services/classify';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { hashClass } from '../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../context/index';
+import { is } from '../../services/classify';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -16,11 +15,11 @@ import { useTrilogyContext } from '../../context/index';
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-var Table = function (_a) {
-    var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), border && border !== TableBorderEnum.LINES && has("border-".concat(border)), striped && is('striped'), compact && is('compact'), className));
-    return React.createElement("table", __assign({ id: id, className: classes }, others));
-};
+var Table = React.forwardRef(function (_a, ref) {
+    var className = _a.className, fullwidth = _a.fullwidth, bordered = _a.bordered, comparative = _a.comparative, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "fullwidth", "bordered", "comparative", "striped", "compact"]);
+    var classes = hashClass(clsx('table', fullwidth && is('fullwidth'), bordered && is('bordered'), comparative && is('comparative'), striped && is('striped'), compact && is('compact'), className));
+    return React.createElement("table", __assign({ className: classes }, others, { ref: ref }));
+});
+Table.displayName = ComponentName.Table;
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxjQUFjLENBQUE7QUFDMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsY0FBOEIsRUFBOUIsTUFBTSxtQkFBRyxlQUFlLENBQUMsS0FBSyxLQUFBLEVBQzlCLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSxnRUFRZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQUF3RixFQUN4RixHQUFnQztJQUQ5QixJQUFBLFNBQVMsZUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTFFLDJFQUE0RSxDQUFGO0lBRzFFLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixXQUFXLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxFQUNoQyxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUE7QUFDNUQsQ0FBQyxDQUNGLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/table/Table.native.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
-import { TableProps } from './TableProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import React from 'react';
+import { View } from 'react-native';
+import { TableProps } from '../../components/table/TableProps';
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-declare const Table: {
-    ({ children, border, ...others }: TableProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<View>>;
 export default Table;

package/lib/components/table/Table.native.js

@@ -1,16 +1,15 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { TableBorderEnum } from './TableProps';
 import { ComponentName } from '../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-var Table = function (_a) {
-    var children = _a.children, border = _a.border, others = __rest(_a, ["children", "border"]);
+var Table = React.forwardRef(function (_a, ref) {
+    var children = _a.children, bordered = _a.bordered, others = __rest(_a, ["children", "bordered"]);
     var borderColor = getColorStyle(TrilogyColor.MAIN_FADE);
     var styles = StyleSheet.create({
         table: {
@@ -26,8 +25,8 @@ var Table = function (_a) {
             borderColor: 'transparent',
         },
     });
-    return (React.createElement(View, __assign({ style: [border === TableBorderEnum.ALL && styles.bordered, !border && styles.noBorder, styles.table] }, others), children));
-};
+    return (React.createElement(View, __assign({ style: [bordered && styles.bordered, !bordered && styles.noBorder, styles.table], ref: ref }, others), children));
+});
 Table.displayName = ComponentName.Table;
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sY0FBYyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDMUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUV6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWE7U0FDL0I7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxXQUFXO1NBQ3pCO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLENBQUM7WUFDZCxXQUFXLEVBQUUsYUFBYTtTQUMzQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFLENBQUMsTUFBTSxLQUFLLGVBQWUsQ0FBQyxHQUFHLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFDaEcsTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7R0FJRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxFQUE2QyxFQUFFLEdBQW9CO0lBQWpFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEvQix3QkFBaUMsQ0FBRjtJQUM3RCxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBRXpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsYUFBYTtTQUMvQjtRQUNELFFBQVEsRUFBRTtZQUNSLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLFdBQVc7U0FDekI7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxhQUFhO1NBQzNCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDekcsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/table/TableProps.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
-import { Fullwidth } from '../../objects/facets/Fullwidth';
-import { CommonProps } from '../../objects/facets/CommonProps';
-export declare enum TableBorderEnum {
-    ALL = "all",
-    INNER = "inner",
-    LINES = "lines"
-}
-export interface TableProps extends Fullwidth, CommonProps {
+import { Fullwidth } from "../../objects/facets/Fullwidth";
+export interface TableProps extends Fullwidth {
     children: React.ReactNode;
-    border?: TableBorderEnum;
+    bordered?: boolean;
+    comparative?: boolean;
+    className?: string;
     striped?: boolean;
     compact?: boolean;
 }

package/lib/components/table/TableProps.js

@@ -1,7 +1,2 @@
-export var TableBorderEnum;
-(function (TableBorderEnum) {
-    TableBorderEnum["ALL"] = "all";
-    TableBorderEnum["INNER"] = "inner";
-    TableBorderEnum["LINES"] = "lines";
-})(TableBorderEnum || (TableBorderEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/table/TablePropsDefaults.js

@@ -13,16 +13,15 @@ export default {
       "ReactPortal"
     ]
   },
-  "border": {
-    "type": "enum",
+  "bordered": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "all",
-      "inner",
-      "lines"
+      "false",
+      "true"
     ]
   },
-  "striped": {
+  "comparative": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -30,15 +29,14 @@ export default {
       "true"
     ]
   },
-  "compact": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "fullwidth": {
+  "striped": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -46,18 +44,20 @@ export default {
       "true"
     ]
   },
-  "id": {
-    "type": "string",
+  "compact": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "className": {
-    "type": "string",
+  "fullwidth": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };