@tecsinapse/react-web-kit 1.23.5 → 1.23.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { TagProps as TagCoreProps, TextProps } from '@tecsinapse/react-core';
3
3
  export interface TagProps extends Omit<TagCoreProps, 'value'> {
4
- value: string;
4
+ value: string | ReactNode;
5
5
  textProps?: TextProps;
6
6
  }
7
7
  declare const Tag: React.FC<TagProps>;
@@ -10,6 +10,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
  const Tag = ({
11
11
  value,
12
12
  textProps,
13
+ backgroundColorVariant,
14
+ backgroundColorTone,
13
15
  ...rest
14
16
  }) => {
15
17
  const {
@@ -19,6 +21,8 @@ const Tag = ({
19
21
  fontWeight = "bold"
20
22
  } = textProps || {};
21
23
  return /* @__PURE__ */ React__default["default"].createElement(reactCore.Tag, {
24
+ backgroundColorVariant,
25
+ backgroundColorTone,
22
26
  value: /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
23
27
  colorVariant,
24
28
  colorTone,
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["React","TagCore","Text"],"mappings":";;;;;;;;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,aAAA,EAAA;AAAA,IACC,uBACGD,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MACC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,IAED,GAAG,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string | ReactNode;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n backgroundColorVariant,\n backgroundColorTone,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n backgroundColorVariant={backgroundColorVariant}\n backgroundColorTone={backgroundColorTone}\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["React","TagCore","Text"],"mappings":";;;;;;;;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,aAAA,EAAA;AAAA,IACC,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA,uBACGD,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MACC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,IAED,GAAG,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
@@ -10,18 +10,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
 
12
12
  const LabeledSwitch = ({
13
- label,
14
- labelPosition = "right",
15
13
  labelProps,
16
14
  pressableLabel = false,
17
15
  disabled,
18
16
  active,
19
17
  onChange,
18
+ leftLabel,
19
+ rightLabel,
20
20
  ...rest
21
21
  }) => {
22
- return /* @__PURE__ */ React__default["default"].createElement(styled.StyledDiv, null, labelPosition === "left" ? /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
22
+ return /* @__PURE__ */ React__default["default"].createElement(styled.StyledDiv, null, leftLabel ? /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
23
23
  active,
24
- label,
24
+ label: leftLabel,
25
25
  labelPosition: "left",
26
26
  labelProps,
27
27
  disabled: !pressableLabel || disabled,
@@ -32,9 +32,9 @@ const LabeledSwitch = ({
32
32
  disabled,
33
33
  onChange,
34
34
  ...rest
35
- }), labelPosition === "right" ? /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
35
+ }), rightLabel ? /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
36
36
  active,
37
- label,
37
+ label: rightLabel,
38
38
  labelPosition: "right",
39
39
  labelProps,
40
40
  disabled: !pressableLabel || disabled,
@@ -1 +1 @@
1
- {"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":";;;;;;;;;;;AAUA,MAAM,gBAA2C,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,aAAgB,GAAA,OAAA;AAAA,EAChB,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,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;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACC,GAAG,IAAA;AAAA,GACN,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;;;;"}
1
+ {"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 labelProps,\n pressableLabel = false,\n disabled,\n active,\n onChange,\n leftLabel,\n rightLabel,\n ...rest\n}) => {\n return (\n <StyledDiv>\n {leftLabel ? (\n <LabelComponent\n active={active}\n label={leftLabel}\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 {rightLabel ? (\n <LabelComponent\n active={active}\n label={rightLabel}\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":";;;;;;;;;;;AAUA,MAAM,gBAA2C,CAAC;AAAA,EAChD,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,gBACE,EAAA,IAAA,EAAA,SAAA,mBACED,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,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;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACC,GAAG,IAAA;AAAA,GACN,CAAA,EACC,6BACEA,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAO,EAAA,UAAA;AAAA,IACP,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;;;;"}
@@ -1,7 +1,7 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { TagProps as TagCoreProps, TextProps } from '@tecsinapse/react-core';
3
3
  export interface TagProps extends Omit<TagCoreProps, 'value'> {
4
- value: string;
4
+ value: string | ReactNode;
5
5
  textProps?: TextProps;
6
6
  }
7
7
  declare const Tag: React.FC<TagProps>;
@@ -4,6 +4,8 @@ import { Tag as Tag$1, Text } from '@tecsinapse/react-core';
4
4
  const Tag = ({
5
5
  value,
6
6
  textProps,
7
+ backgroundColorVariant,
8
+ backgroundColorTone,
7
9
  ...rest
8
10
  }) => {
9
11
  const {
@@ -13,6 +15,8 @@ const Tag = ({
13
15
  fontWeight = "bold"
14
16
  } = textProps || {};
15
17
  return /* @__PURE__ */ React.createElement(Tag$1, {
18
+ backgroundColorVariant,
19
+ backgroundColorTone,
16
20
  value: /* @__PURE__ */ React.createElement(Text, {
17
21
  colorVariant,
18
22
  colorTone,
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["TagCore"],"mappings":";;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,KAAA,EAAA;AAAA,IACC,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,IAED,GAAG,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string | ReactNode;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n backgroundColorVariant,\n backgroundColorTone,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n backgroundColorVariant={backgroundColorVariant}\n backgroundColorTone={backgroundColorTone}\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["TagCore"],"mappings":";;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,KAAA,EAAA;AAAA,IACC,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,IAED,GAAG,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
@@ -4,18 +4,18 @@ import { StyledDiv } from './styled.js';
4
4
  import Switch from '../../atoms/Switch/Switch.js';
5
5
 
6
6
  const LabeledSwitch = ({
7
- label,
8
- labelPosition = "right",
9
7
  labelProps,
10
8
  pressableLabel = false,
11
9
  disabled,
12
10
  active,
13
11
  onChange,
12
+ leftLabel,
13
+ rightLabel,
14
14
  ...rest
15
15
  }) => {
16
- return /* @__PURE__ */ React.createElement(StyledDiv, null, labelPosition === "left" ? /* @__PURE__ */ React.createElement(LabelComponent, {
16
+ return /* @__PURE__ */ React.createElement(StyledDiv, null, leftLabel ? /* @__PURE__ */ React.createElement(LabelComponent, {
17
17
  active,
18
- label,
18
+ label: leftLabel,
19
19
  labelPosition: "left",
20
20
  labelProps,
21
21
  disabled: !pressableLabel || disabled,
@@ -26,9 +26,9 @@ const LabeledSwitch = ({
26
26
  disabled,
27
27
  onChange,
28
28
  ...rest
29
- }), labelPosition === "right" ? /* @__PURE__ */ React.createElement(LabelComponent, {
29
+ }), rightLabel ? /* @__PURE__ */ React.createElement(LabelComponent, {
30
30
  active,
31
- label,
31
+ label: rightLabel,
32
32
  labelPosition: "right",
33
33
  labelProps,
34
34
  disabled: !pressableLabel || disabled,
@@ -1 +1 @@
1
- {"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":";;;;;AAUA,MAAM,gBAA2C,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,aAAgB,GAAA,OAAA;AAAA,EAChB,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,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;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACC,GAAG,IAAA;AAAA,GACN,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;;;;"}
1
+ {"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 labelProps,\n pressableLabel = false,\n disabled,\n active,\n onChange,\n leftLabel,\n rightLabel,\n ...rest\n}) => {\n return (\n <StyledDiv>\n {leftLabel ? (\n <LabelComponent\n active={active}\n label={leftLabel}\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 {rightLabel ? (\n <LabelComponent\n active={active}\n label={rightLabel}\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":";;;;;AAUA,MAAM,gBAA2C,CAAC;AAAA,EAChD,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SACE,EAAA,IAAA,EAAA,SAAA,mBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,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;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACC,GAAG,IAAA;AAAA,GACN,CAAA,EACC,6BACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAO,EAAA,UAAA;AAAA,IACP,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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tecsinapse/react-web-kit",
3
3
  "description": "TecSinapse React components",
4
- "version": "1.23.5",
4
+ "version": "1.23.7",
5
5
  "license": "MIT",
6
6
  "main": "dist/cjs/index.js",
7
7
  "module": "dist/esm/index.js",
@@ -23,7 +23,7 @@
23
23
  "@emotion/native": "~11.10.0",
24
24
  "@emotion/react": "~11.10.0",
25
25
  "@emotion/styled": "~11.10.0",
26
- "@tecsinapse/react-core": "1.22.5",
26
+ "@tecsinapse/react-core": "1.22.7",
27
27
  "@types/react-native": "^0.64.4",
28
28
  "date-fns": "~2.29.1",
29
29
  "react-native-vector-icons": "~9.2.0",
@@ -43,5 +43,5 @@
43
43
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
44
44
  "react-native-web": "^0.17.1 || ^0.18.0"
45
45
  },
46
- "gitHead": "d387e5892586fdeb55e903c5a3489587edca6fc5"
46
+ "gitHead": "e1df77c53be6d96608ebb01b2e55de4f08e20b6a"
47
47
  }