@tecsinapse/react-web-kit 1.22.4 → 1.22.6

package/dist/cjs/components/atoms/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SwitchProps } from '@tecsinapse/react-web-kit';
+declare const Switch: FC<SwitchProps>;
+export default Switch;

package/dist/cjs/components/atoms/Switch/Switch.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var React = require('react');
+var reactWebKit = require('@tecsinapse/react-web-kit');
+var reactTransitionGroup = require('react-transition-group');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Switch = (_a) => {
+  var _b = _a, {
+    onChange,
+    activeColor = "primary",
+    activeColorTone = "medium",
+    inactiveColor = "secondary",
+    inactiveColorTone = "light",
+    active,
+    disabled = false
+  } = _b, rest = __objRest(_b, [
+    "onChange",
+    "activeColor",
+    "activeColorTone",
+    "inactiveColor",
+    "inactiveColorTone",
+    "active",
+    "disabled"
+  ]);
+  const theme = reactWebKit.useTheme();
+  const handleChange = React.useCallback(() => {
+    if (!disabled)
+      onChange(!active);
+  }, [active, onChange]);
+  const defaultStyleBackground = {
+    transition: `all 300ms ease`
+  };
+  const getBackgroundColor = (color) => {
+    return disabled ? reactWebKit.lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20) : color;
+  };
+  const transitionStylesBackground = {
+    entering: {
+      backgroundColor: getBackgroundColor(
+        theme.color[inactiveColor][inactiveColorTone]
+      )
+    },
+    entered: {
+      backgroundColor: getBackgroundColor(
+        theme.color[activeColor][activeColorTone]
+      )
+    },
+    exiting: {
+      backgroundColor: getBackgroundColor(
+        theme.color[activeColor][activeColorTone]
+      )
+    },
+    exited: {
+      backgroundColor: getBackgroundColor(
+        theme.color[inactiveColor][inactiveColorTone]
+      )
+    }
+  };
+  const defaultStyleCircle = {
+    transition: `transform ${100}ms ease`
+  };
+  const transitionStylesCircle = {
+    entering: { transform: "translateX(0%)" },
+    entered: { transform: "translateX(150%)" },
+    exiting: { transform: "translateX(150%)" },
+    exited: { transform: "translateX(0%)" }
+  };
+  return /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
+    in: active,
+    timeout: 100
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement("div", {
+    onClick: handleChange
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitchContent, __spreadProps(__spreadValues({}, rest), {
+    style: __spreadValues(__spreadValues({}, defaultStyleBackground), transitionStylesBackground[state])
+  }), /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitch, {
+    style: __spreadValues(__spreadValues({}, defaultStyleCircle), transitionStylesCircle[state])
+  }))));
+};
+
+module.exports = Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/cjs/components/atoms/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n  lightenDarkenColor,\n  SwitchProps,\n  useTheme,\n} from '@tecsinapse/react-web-kit';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  disabled = false,\n  ...rest\n}) => {\n  const theme = useTheme();\n  const handleChange = useCallback(() => {\n    if (!disabled) onChange(!active);\n  }, [active, onChange]);\n\n  const defaultStyleBackground = {\n    transition: `all 300ms ease`,\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n  const transitionStylesBackground = {\n    entering: {\n      backgroundColor: getBackgroundColor(\n        theme.color[inactiveColor][inactiveColorTone]\n      ),\n    },\n    entered: {\n      backgroundColor: getBackgroundColor(\n        theme.color[activeColor][activeColorTone]\n      ),\n    },\n    exiting: {\n      backgroundColor: getBackgroundColor(\n        theme.color[activeColor][activeColorTone]\n      ),\n    },\n    exited: {\n      backgroundColor: getBackgroundColor(\n        theme.color[inactiveColor][inactiveColorTone]\n      ),\n    },\n  };\n\n  const defaultStyleCircle = {\n    transition: `transform ${100}ms ease`,\n  };\n\n  const transitionStylesCircle = {\n    entering: { transform: 'translateX(0%)' },\n    entered: { transform: 'translateX(150%)' },\n    exiting: { transform: 'translateX(150%)' },\n    exited: { transform: 'translateX(0%)' },\n  };\n\n  return (\n    <Transition in={active} timeout={100}>\n      {state => (\n        <div onClick={handleChange}>\n          <StyledSwitchContent\n            {...rest}\n            style={{\n              ...defaultStyleBackground,\n              ...transitionStylesBackground[state],\n            }}\n          >\n            <StyledSwitch\n              style={{\n                ...defaultStyleCircle,\n                ...transitionStylesCircle[state],\n              }}\n            />\n          </StyledSwitchContent>\n        </div>\n      )}\n    </Transition>\n  );\n};\n\nexport default Switch;\n"],"names":["useTheme","useCallback","lightenDarkenColor","React","Transition","StyledSwitchContent","StyledSwitch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,MAAA,GAA0B,CAAC,EAS3B,KAAA;AAT2B,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,WAAc,GAAA,SAAA;AAAA,IACd,eAAkB,GAAA,QAAA;AAAA,IAClB,aAAgB,GAAA,WAAA;AAAA,IAChB,iBAAoB,GAAA,OAAA;AAAA,IACpB,MAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,GAhBb,GASiC,EAQ5B,EAAA,IAAA,GAAA,SAAA,CAR4B,EAQ5B,EAAA;AAAA,IAPH,UAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQA,oBAAS,EAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAeC,kBAAY,MAAM;AACrC,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,QAAA,CAAS,CAAC,MAAM,CAAA,CAAA;AAAA,GAC9B,EAAA,CAAC,MAAQ,EAAA,QAAQ,CAAC,CAAA,CAAA;AAErB,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,UAAY,EAAA,CAAA,cAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,IAAA,OAAO,WACHC,8BAAmB,CAAA,KAAA,CAAM,MAAM,aAAe,CAAA,CAAA,iBAAA,CAAA,EAAoB,EAAE,CACpE,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,0BAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,aAAe,CAAA,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,WAAa,CAAA,CAAA,eAAA,CAAA;AAAA,OAC3B;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,WAAa,CAAA,CAAA,eAAA,CAAA;AAAA,OAC3B;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,aAAe,CAAA,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,YAAY,CAAa,UAAA,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,QAAA,EAAU,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,IACxC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,GACxC,CAAA;AAEA,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,MAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,GAAA,EAC9B,2BACED,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,OAAS,EAAA,YAAA;AAAA,GACZ,kBAAAA,yBAAA,CAAA,aAAA,CAACE,6DACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAA,sBAAA,CAAA,EACA,0BAA2B,CAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,kBAG/BF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,IACC,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAA,kBAAA,CAAA,EACA,sBAAuB,CAAA,KAAA,CAAA,CAAA;AAAA,GAE9B,CACF,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default as Switch } from './Switch';

package/dist/cjs/components/atoms/Switch/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledSwitchContent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSwitch: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/atoms/Switch/styled.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/styled');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledSwitchContent = styled__default["default"].div`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  display: flex;
+  padding: 0 ${({ theme }) => theme.spacing.micro};
+  align-items: center;
+  width: ${reactCore.RFValueStr(reactCore.SWITCH_BODY_WIDTH)};
+  height: ${reactCore.RFValueStr("22px")};
+  &:hover {
+    cursor: pointer;
+  }
+`;
+const StyledSwitch = styled__default["default"].div`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  width: ${reactCore.RFValueStr(reactCore.SWITCH_PIN_WIDTH)};
+  height: ${reactCore.RFValueStr("16px")};
+`;
+
+exports.StyledSwitch = StyledSwitch;
+exports.StyledSwitchContent = StyledSwitchContent;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Switch/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n  RFValueStr,\n  StyleProps,\n  SWITCH_BODY_WIDTH,\n  SWITCH_PIN_WIDTH,\n} from '@tecsinapse/react-core';\n\nexport const StyledSwitchContent = styled.div<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  display: flex;\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  align-items: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const StyledSwitch = styled.div<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"names":["styled","RFValueStr","SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH"],"mappings":";;;;;;;;;;;AAQO,MAAM,sBAAsBA,0BAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,aAAA,EAEtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,SAAA,EAEjCC,qBAAWC,2BAAiB,CAAA,CAAA;AAAA,UAAA,EAC3BD,qBAAW,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMtB,MAAM,eAAeD,0BAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EAChB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EAC9CC,qBAAWE,0BAAgB,CAAA,CAAA;AAAA,UAAA,EAC1BF,qBAAW,MAAM,CAAA,CAAA;AAAA;;;;;"}

package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var LabelComponent = require('./LabelComponent.js');
 var styled = require('./styled.js');
+var Switch = require('../../atoms/Switch/Switch.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -63,7 +63,7 @@ const LabeledSwitch = (_a) => {
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
     onPress: () => onChange(!active)
-  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), /* @__PURE__ */ React__default["default"].createElement(reactCore.Switch, __spreadValues({
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), /* @__PURE__ */ React__default["default"].createElement(Switch, __spreadValues({
     active,
     disabled,
     onChange

package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":["React","StyledDiv","Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAhBF,GASkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChBD,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEEA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,yBAAA,CAAA,aAAA,CAAAE,gBAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChBF,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mGAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\nimport Switch from '../../atoms/Switch/Switch';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":["React","StyledDiv"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAUkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChBD,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEEA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChBA,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mGAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/index.d.ts

@@ -19,7 +19,7 @@ export type { TagProps } from './components/atoms/Tag';
 export { Tooltip } from './components/atoms/Tooltip';
 export type { ITooltip } from './components/atoms/Tooltip';
 export { Breadcrumbs } from './components/molecules/Breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbType } from './components/molecules/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
 export { DatePicker } from './components/molecules/DatePicker';
 export type { WebDatePickerProps } from './components/molecules/DatePicker';
 export { DateTimePicker } from './components/molecules/DateTimePicker';
@@ -31,10 +31,11 @@ export type { IGridItemWeb, IGridWeb } from './components/molecules/Grid';
 export { IconTextButton } from './components/molecules/IconTextButton';
 export { InputPassword } from './components/molecules/InputPassword';
 export type { InputPasswordWebProps } from './components/molecules/InputPassword';
+export { Switch } from './components/atoms/Switch';
 export { LabeledSwitch } from './components/molecules/LabeledSwitch';
 export type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';
 export { Menubar } from './components/molecules/Menubar';
-export type { MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps } from './components/molecules/Menubar';
+export type { MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps, } from './components/molecules/Menubar';
 export { Select } from './components/molecules/Select';
 export type { SelectProps } from './components/molecules/Select';
 export { Snackbar } from './components/molecules/Snackbar';
@@ -42,5 +43,5 @@ export type { SnackbarWebProps } from './components/molecules/Snackbar';
 export { TextArea } from './components/molecules/TextArea';
 export type { TextAreaProps } from './components/molecules/TextArea';
 export { DataGrid } from './components/organisms/DataGrid';
-export type { DataGridProps, HeadersType } from './components/organisms/DataGrid';
+export type { DataGridProps, HeadersType, } from './components/organisms/DataGrid';
 export * from './hooks';

package/dist/cjs/index.js

@@ -21,6 +21,7 @@ var Item = require('./components/molecules/Grid/Item/Item.js');
 var Grid = require('./components/molecules/Grid/Grid.js');
 var IconTextButton = require('./components/molecules/IconTextButton/IconTextButton.js');
 var InputPassword = require('./components/molecules/InputPassword/InputPassword.js');
+var Switch = require('./components/atoms/Switch/Switch.js');
 var LabeledSwitch = require('./components/molecules/LabeledSwitch/LabeledSwitch.js');
 var Menubar = require('./components/molecules/Menubar/Menubar.js');
 var Select = require('./components/molecules/Select/Select.js');
@@ -59,6 +60,7 @@ exports.GridItem = Item;
 exports.Grid = Grid;
 exports.IconTextButton = IconTextButton;
 exports.InputPassword = InputPassword;
+exports.Switch = Switch;
 exports.LabeledSwitch = LabeledSwitch;
 exports.Menubar = Menubar;
 exports.Select = Select;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/atoms/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SwitchProps } from '@tecsinapse/react-web-kit';
+declare const Switch: FC<SwitchProps>;
+export default Switch;

package/dist/esm/components/atoms/Switch/Switch.js

@@ -0,0 +1,110 @@
+import React, { useCallback } from 'react';
+import { useTheme, lightenDarkenColor } from '@tecsinapse/react-web-kit';
+import { Transition } from 'react-transition-group';
+import { StyledSwitchContent, StyledSwitch } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Switch = (_a) => {
+  var _b = _a, {
+    onChange,
+    activeColor = "primary",
+    activeColorTone = "medium",
+    inactiveColor = "secondary",
+    inactiveColorTone = "light",
+    active,
+    disabled = false
+  } = _b, rest = __objRest(_b, [
+    "onChange",
+    "activeColor",
+    "activeColorTone",
+    "inactiveColor",
+    "inactiveColorTone",
+    "active",
+    "disabled"
+  ]);
+  const theme = useTheme();
+  const handleChange = useCallback(() => {
+    if (!disabled)
+      onChange(!active);
+  }, [active, onChange]);
+  const defaultStyleBackground = {
+    transition: `all 300ms ease`
+  };
+  const getBackgroundColor = (color) => {
+    return disabled ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20) : color;
+  };
+  const transitionStylesBackground = {
+    entering: {
+      backgroundColor: getBackgroundColor(
+        theme.color[inactiveColor][inactiveColorTone]
+      )
+    },
+    entered: {
+      backgroundColor: getBackgroundColor(
+        theme.color[activeColor][activeColorTone]
+      )
+    },
+    exiting: {
+      backgroundColor: getBackgroundColor(
+        theme.color[activeColor][activeColorTone]
+      )
+    },
+    exited: {
+      backgroundColor: getBackgroundColor(
+        theme.color[inactiveColor][inactiveColorTone]
+      )
+    }
+  };
+  const defaultStyleCircle = {
+    transition: `transform ${100}ms ease`
+  };
+  const transitionStylesCircle = {
+    entering: { transform: "translateX(0%)" },
+    entered: { transform: "translateX(150%)" },
+    exiting: { transform: "translateX(150%)" },
+    exited: { transform: "translateX(0%)" }
+  };
+  return /* @__PURE__ */ React.createElement(Transition, {
+    in: active,
+    timeout: 100
+  }, (state) => /* @__PURE__ */ React.createElement("div", {
+    onClick: handleChange
+  }, /* @__PURE__ */ React.createElement(StyledSwitchContent, __spreadProps(__spreadValues({}, rest), {
+    style: __spreadValues(__spreadValues({}, defaultStyleBackground), transitionStylesBackground[state])
+  }), /* @__PURE__ */ React.createElement(StyledSwitch, {
+    style: __spreadValues(__spreadValues({}, defaultStyleCircle), transitionStylesCircle[state])
+  }))));
+};
+
+export { Switch as default };
+//# sourceMappingURL=Switch.js.map

package/dist/esm/components/atoms/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n  lightenDarkenColor,\n  SwitchProps,\n  useTheme,\n} from '@tecsinapse/react-web-kit';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  disabled = false,\n  ...rest\n}) => {\n  const theme = useTheme();\n  const handleChange = useCallback(() => {\n    if (!disabled) onChange(!active);\n  }, [active, onChange]);\n\n  const defaultStyleBackground = {\n    transition: `all 300ms ease`,\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n  const transitionStylesBackground = {\n    entering: {\n      backgroundColor: getBackgroundColor(\n        theme.color[inactiveColor][inactiveColorTone]\n      ),\n    },\n    entered: {\n      backgroundColor: getBackgroundColor(\n        theme.color[activeColor][activeColorTone]\n      ),\n    },\n    exiting: {\n      backgroundColor: getBackgroundColor(\n        theme.color[activeColor][activeColorTone]\n      ),\n    },\n    exited: {\n      backgroundColor: getBackgroundColor(\n        theme.color[inactiveColor][inactiveColorTone]\n      ),\n    },\n  };\n\n  const defaultStyleCircle = {\n    transition: `transform ${100}ms ease`,\n  };\n\n  const transitionStylesCircle = {\n    entering: { transform: 'translateX(0%)' },\n    entered: { transform: 'translateX(150%)' },\n    exiting: { transform: 'translateX(150%)' },\n    exited: { transform: 'translateX(0%)' },\n  };\n\n  return (\n    <Transition in={active} timeout={100}>\n      {state => (\n        <div onClick={handleChange}>\n          <StyledSwitchContent\n            {...rest}\n            style={{\n              ...defaultStyleBackground,\n              ...transitionStylesBackground[state],\n            }}\n          >\n            <StyledSwitch\n              style={{\n                ...defaultStyleCircle,\n                ...transitionStylesCircle[state],\n              }}\n            />\n          </StyledSwitchContent>\n        </div>\n      )}\n    </Transition>\n  );\n};\n\nexport default Switch;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/atoms/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default as Switch } from './Switch';

package/dist/esm/components/atoms/Switch/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledSwitchContent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSwitch: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/atoms/Switch/styled.js

@@ -0,0 +1,23 @@
+import styled from '@emotion/styled';
+import { RFValueStr, SWITCH_BODY_WIDTH, SWITCH_PIN_WIDTH } from '@tecsinapse/react-core';
+
+const StyledSwitchContent = styled.div`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  display: flex;
+  padding: 0 ${({ theme }) => theme.spacing.micro};
+  align-items: center;
+  width: ${RFValueStr(SWITCH_BODY_WIDTH)};
+  height: ${RFValueStr("22px")};
+  &:hover {
+    cursor: pointer;
+  }
+`;
+const StyledSwitch = styled.div`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  width: ${RFValueStr(SWITCH_PIN_WIDTH)};
+  height: ${RFValueStr("16px")};
+`;
+
+export { StyledSwitch, StyledSwitchContent };
+//# sourceMappingURL=styled.js.map

package/dist/esm/components/atoms/Switch/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n  RFValueStr,\n  StyleProps,\n  SWITCH_BODY_WIDTH,\n  SWITCH_PIN_WIDTH,\n} from '@tecsinapse/react-core';\n\nexport const StyledSwitchContent = styled.div<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  display: flex;\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  align-items: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const StyledSwitch = styled.div<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"names":[],"mappings":";;;AAQO,MAAM,sBAAsB,MAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,aAAA,EAEtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,SAAA,EAEjC,WAAW,iBAAiB,CAAA,CAAA;AAAA,UAAA,EAC3B,WAAW,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMtB,MAAM,eAAe,MAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EAChB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EAC9C,WAAW,gBAAgB,CAAA,CAAA;AAAA,UAAA,EAC1B,WAAW,MAAM,CAAA,CAAA;AAAA;;;;"}

package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -1,7 +1,7 @@
-import { Switch } from '@tecsinapse/react-core';
 import React from 'react';
 import LabelComponent from './LabelComponent.js';
 import { StyledDiv } from './styled.js';
+import Switch from '../../atoms/Switch/Switch.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAhBF,GASkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\nimport Switch from '../../atoms/Switch/Switch';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAUkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/index.d.ts

@@ -19,7 +19,7 @@ export type { TagProps } from './components/atoms/Tag';
 export { Tooltip } from './components/atoms/Tooltip';
 export type { ITooltip } from './components/atoms/Tooltip';
 export { Breadcrumbs } from './components/molecules/Breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbType } from './components/molecules/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
 export { DatePicker } from './components/molecules/DatePicker';
 export type { WebDatePickerProps } from './components/molecules/DatePicker';
 export { DateTimePicker } from './components/molecules/DateTimePicker';
@@ -31,10 +31,11 @@ export type { IGridItemWeb, IGridWeb } from './components/molecules/Grid';
 export { IconTextButton } from './components/molecules/IconTextButton';
 export { InputPassword } from './components/molecules/InputPassword';
 export type { InputPasswordWebProps } from './components/molecules/InputPassword';
+export { Switch } from './components/atoms/Switch';
 export { LabeledSwitch } from './components/molecules/LabeledSwitch';
 export type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';
 export { Menubar } from './components/molecules/Menubar';
-export type { MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps } from './components/molecules/Menubar';
+export type { MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps, } from './components/molecules/Menubar';
 export { Select } from './components/molecules/Select';
 export type { SelectProps } from './components/molecules/Select';
 export { Snackbar } from './components/molecules/Snackbar';
@@ -42,5 +43,5 @@ export type { SnackbarWebProps } from './components/molecules/Snackbar';
 export { TextArea } from './components/molecules/TextArea';
 export type { TextAreaProps } from './components/molecules/TextArea';
 export { DataGrid } from './components/organisms/DataGrid';
-export type { DataGridProps, HeadersType } from './components/organisms/DataGrid';
+export type { DataGridProps, HeadersType, } from './components/organisms/DataGrid';
 export * from './hooks';

package/dist/esm/index.js

@@ -18,6 +18,7 @@ export { default as GridItem } from './components/molecules/Grid/Item/Item.js';
 export { default as Grid } from './components/molecules/Grid/Grid.js';
 export { default as IconTextButton } from './components/molecules/IconTextButton/IconTextButton.js';
 export { default as InputPassword } from './components/molecules/InputPassword/InputPassword.js';
+export { default as Switch } from './components/atoms/Switch/Switch.js';
 export { default as LabeledSwitch } from './components/molecules/LabeledSwitch/LabeledSwitch.js';
 export { default as Menubar } from './components/molecules/Menubar/Menubar.js';
 export { default as Select } from './components/molecules/Select/Select.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.22.4",
+  "version": "1.22.6",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -23,7 +23,7 @@
     "@emotion/native": "~11.10.0",
     "@emotion/react": "~11.10.0",
     "@emotion/styled": "~11.10.0",
-    "@tecsinapse/react-core": "1.21.4",
+    "@tecsinapse/react-core": "1.21.6",
     "@types/react-native": "^0.64.4",
     "date-fns": "~2.29.1",
     "react-native-vector-icons": "~9.2.0",
@@ -43,5 +43,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native-web": "^0.17.1 || ^0.18.0"
   },
-  "gitHead": "93a4f5357ab8ec362e51d8026493651536d056bf"
+  "gitHead": "7a2948b71936c6f7dfba2737fb62934618d6e809"
 }