@tecsinapse/react-core 1.19.0 → 1.20.0

package/dist/components/atoms/Checkbox/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["IconUncheckedStyled","styled","View","theme","borderRadius","micro","color","colorTone","borderWidth","nano","miscellaneous","surfaceColor","IconCheckedStyled","IconViewStyled","spacing","mili","ViewStyled"],"sources":["../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAIO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAEjC;AACF,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAAM;AACvE,kBAAkB,CAAC;EACfF,KADe;EAEfG,KAAK,GAAG,SAFO;EAGfC,SAAS,GAAG;AAHG,CAAD,KAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,kBAAkB,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;EAAEN;AAAF,CAAD,KAClBA,KAAK,CAACO,aAAN,CAAoBC,YAAa;AACrC,CAZO;;AAcA,MAAMC,iBAAiB,GAAG,IAAAX,eAAA,EAAOC,iBAAP,CAE/B;AACF,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAAM;AACvE,kBAAkB,CAAC;EACfF,KADe;EAEfG,KAAK,GAAG,SAFO;EAGfC,SAAS,GAAG;AAHG,CAAD,KAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,kBAAkB,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;EACnBN,KADmB;EAEnBG,KAAK,GAAG,SAFW;EAGnBC,SAAS,GAAG;AAHO,CAAD,KAIcJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,CAfO;;AAiBA,MAAMM,cAAc,GAAG,IAAAZ,eAAA,EAAOC,iBAAP,CAAkC;AAChE,aAAa,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAK;AAC3D,CAFO;;AAIA,MAAMC,UAAU,GAAG,IAAAf,eAAA,EAAOC,iBAAP,CAAa;AACvC;AACA;AACA,CAHO"}
+{"version":3,"file":"styled.js","names":["IconUncheckedStyled","styled","View","theme","borderRadius","micro","color","colorTone","borderWidth","nano","miscellaneous","surfaceColor","IconCheckedStyled","IconViewStyled","spacing","mili","ViewStyled"],"sources":["../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAIO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAH,yKAGb;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAA9C;AAAA,CAHa,EAId;EAAA,IAAC;IACfF,KADe;IAEfG,KAAK,GAAG,SAFO;IAGfC,SAAS,GAAG;EAHG,CAAD;EAAA,OAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJlB;AAAA,CAJc,EASd;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAA7C;AAAA,CATc,EAUV;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,OAClBA,KAAK,CAACO,aAAN,CAAoBC,YADF;AAAA,CAVU,CAAzB;;AAcA,MAAMC,iBAAiB,GAAG,IAAAX,eAAA,EAAOC,iBAAP,CAAH,2KAGX;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAA9C;AAAA,CAHW,EAIZ;EAAA,IAAC;IACfF,KADe;IAEfG,KAAK,GAAG,SAFO;IAGfC,SAAS,GAAG;EAHG,CAAD;EAAA,OAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJlB;AAAA,CAJY,EASZ;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAA7C;AAAA,CATY,EAUR;EAAA,IAAC;IACnBN,KADmB;IAEnBG,KAAK,GAAG,SAFW;IAGnBC,SAAS,GAAG;EAHO,CAAD;EAAA,OAIcJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJd;AAAA,CAVQ,CAAvB;;AAiBA,MAAMM,cAAc,GAAG,IAAAZ,eAAA,EAAOC,iBAAP,CAAH,4FACd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAzC;AAAA,CADc,CAApB;;AAIA,MAAMC,UAAU,GAAG,IAAAf,eAAA,EAAOC,iBAAP,CAAH,yHAAhB"}

package/dist/components/atoms/Divider/Divider.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -9,10 +11,11 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Divider = ({
-  children,
-  ...rest
-}) => {
+const Divider = _ref => {
+  let {
+    children,
+    ...rest
+  } = _ref;
   return _react.default.createElement(_styled.StyledDivider, rest, children);
 };
 

package/dist/components/atoms/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":["Divider","children","rest"],"sources":["../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAOA,MAAMA,OAAyB,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA2B;EAC3D,OAAO,6BAAC,qBAAD,EAAmBA,IAAnB,EAA0BD,QAA1B,CAAP;AACD,CAFD;;eAIeD,O"}
+{"version":3,"file":"Divider.js","names":["Divider","children","rest"],"sources":["../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAOA,MAAMA,OAAyB,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAY,GAAGC;EAAf,CAA0B;EAC3D,OAAO,6BAAC,qBAAD,EAAmBA,IAAnB,EAA0BD,QAA1B,CAAP;AACD,CAFD;;eAIeD,O"}

package/dist/components/atoms/Divider/index.d.ts

@@ -1 +1,2 @@
-export { default as Divider, DividerProps } from './Divider';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';

package/dist/components/atoms/Divider/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.DividerProps = exports.Divider = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _Divider.default;
+  }
+});
 
-var _Divider = _interopRequireWildcard(require("./Divider"));
+var _Divider = _interopRequireDefault(require("./Divider"));
 
-exports.Divider = _Divider.default;
-exports.DividerProps = _Divider.DividerProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Divider/index.ts"],"sourcesContent":["export { default as Divider, DividerProps } from './Divider';\n"],"mappings":";;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Divider/index.ts"],"sourcesContent":["export { default as Divider } from './Divider';\nexport type { DividerProps } from './Divider';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/atoms/Divider/styled.js

@@ -1,38 +1,45 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.StyledDivider = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const topLine = ({
-  theme,
-  linePosition,
-  noLine
-}) => !noLine && linePosition === 'top' && (0, _native.css)`
-    border-top-width: ${theme.borderWidth.pico};
-  `;
-
-const bottomLine = ({
-  theme,
-  linePosition,
-  noLine
-}) => !noLine && linePosition === 'bottom' && (0, _native.css)`
-    border-bottom-width: ${theme.borderWidth.pico};
-  `;
-
-const StyledDividerBase = _native.default.View`
-  border-color: ${({
-  theme
-}) => theme.color.secondary.xlight};
-`;
-const StyledDivider = (0, _native.default)(StyledDividerBase)(props => (0, _native.css)`
-    ${topLine(props)}
-    ${bottomLine(props)}
-  `);
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const topLine = _ref => {
+  let {
+    theme,
+    linePosition,
+    noLine
+  } = _ref;
+  return !noLine && linePosition === 'top' && (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-top-width: ", ";\n  "])), theme.borderWidth.pico);
+};
+
+const bottomLine = _ref2 => {
+  let {
+    theme,
+    linePosition,
+    noLine
+  } = _ref2;
+  return !noLine && linePosition === 'bottom' && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-bottom-width: ", ";\n  "])), theme.borderWidth.pico);
+};
+
+const StyledDividerBase = _native.default.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-color: ", ";\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.color.secondary.xlight;
+});
+
+const StyledDivider = (0, _native.default)(StyledDividerBase)(props => (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), topLine(props), bottomLine(props)));
 exports.StyledDivider = StyledDivider;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Divider/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["topLine","theme","linePosition","noLine","css","borderWidth","pico","bottomLine","StyledDividerBase","styled","View","color","secondary","xlight","StyledDivider","props"],"sources":["../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'top' &&\n  css`\n    border-top-width: ${theme.borderWidth.pico};\n  `;\n\nconst bottomLine = ({\n  theme,\n  linePosition,\n  noLine,\n}: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'bottom' &&\n  css`\n    border-bottom-width: ${theme.borderWidth.pico};\n  `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n  DividerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${topLine(props)}\n    ${bottomLine(props)}\n  `\n);\n"],"mappings":";;;;;AAAA;;;;;;AAIA,MAAMA,OAAO,GAAG,CAAC;EAAEC,KAAF;EAASC,YAAT;EAAuBC;AAAvB,CAAD,KACd,CAACA,MAAD,IACAD,YAAY,KAAK,KADjB,IAEA,IAAAE,WAAA,CAAI;AACN,wBAAwBH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAC/C,GALA;;AAOA,MAAMC,UAAU,GAAG,CAAC;EAClBN,KADkB;EAElBC,YAFkB;EAGlBC;AAHkB,CAAD,KAKjB,CAACA,MAAD,IACAD,YAAY,KAAK,QADjB,IAEA,IAAAE,WAAA,CAAI;AACN,2BAA2BH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAClD,GATA;;AAWA,MAAME,iBAAiB,GAAGC,eAAA,CAAOC,IAA0B;AAC3D,kBAAkB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACU,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAC9D,CAFA;AAIO,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOD,iBAAP,EAG3BO,KAAK,IAAI,IAAAX,WAAA,CAAI;AACf,MAAMJ,OAAO,CAACe,KAAD,CAAQ;AACrB,MAAMR,UAAU,CAACQ,KAAD,CAAQ;AACxB,GAN6B,CAAtB"}
+{"version":3,"file":"styled.js","names":["topLine","theme","linePosition","noLine","css","borderWidth","pico","bottomLine","StyledDividerBase","styled","View","color","secondary","xlight","StyledDivider","props"],"sources":["../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'top' &&\n  css`\n    border-top-width: ${theme.borderWidth.pico};\n  `;\n\nconst bottomLine = ({\n  theme,\n  linePosition,\n  noLine,\n}: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'bottom' &&\n  css`\n    border-bottom-width: ${theme.borderWidth.pico};\n  `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n  DividerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${topLine(props)}\n    ${bottomLine(props)}\n  `\n);\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;AAIA,MAAMA,OAAO,GAAG;EAAA,IAAC;IAAEC,KAAF;IAASC,YAAT;IAAuBC;EAAvB,CAAD;EAAA,OACd,CAACA,MAAD,IACAD,YAAY,KAAK,KADjB,QAEAE,WAFA,wGAGsBH,KAAK,CAACI,WAAN,CAAkBC,IAHxC,CADc;AAAA,CAAhB;;AAOA,MAAMC,UAAU,GAAG;EAAA,IAAC;IAClBN,KADkB;IAElBC,YAFkB;IAGlBC;EAHkB,CAAD;EAAA,OAKjB,CAACA,MAAD,IACAD,YAAY,KAAK,QADjB,QAEAE,WAFA,6GAGyBH,KAAK,CAACI,WAAN,CAAkBC,IAH3C,CALiB;AAAA,CAAnB;;AAWA,MAAME,iBAAiB,GAAGC,eAAA,CAAOC,IAAV,iGACL;EAAA,IAAC;IAAET;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACU,KAAN,CAAYC,SAAZ,CAAsBC,MAArC;AAAA,CADK,CAAvB;;AAIO,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOD,iBAAP,EAG3BO,KAAK,QAAIX,WAAJ,iGACDJ,OAAO,CAACe,KAAD,CADN,EAEDR,UAAU,CAACQ,KAAD,CAFT,CAHsB,CAAtB"}

package/dist/components/atoms/GroupButton/GroupButton.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -13,26 +15,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const GroupButton = ({
-  style,
-  ...rest
-}) => {
+const GroupButton = _ref => {
+  let {
+    style,
+    ...rest
+  } = _ref;
   return _react2.default.createElement(_styled.StyledGroupButton, {
     style: style
   }, groupOptions(rest));
 };
 
-const groupOptions = ({
-  options,
-  renderOption,
-  renderKey,
-  onChange,
-  value,
-  disableAllOptions,
-  ...rest
-}) => {
+const groupOptions = _ref2 => {
+  let {
+    options,
+    renderOption,
+    renderKey,
+    onChange,
+    value,
+    disableAllOptions,
+    ...rest
+  } = _ref2;
   const theme = (0, _react.useTheme)();
-  return options == null ? void 0 : options.map((option, idx) => {
+  return options === null || options === void 0 ? void 0 : options.map((option, idx) => {
     var _option$options;
 
     const {
@@ -44,11 +48,11 @@ const groupOptions = ({
         activeBackgroundColorTone,
         inactiveBackgroundColor,
         inactiveBackgroundColorTone,
-        disabled = disableAllOptions || ((_option$options = option.options) == null ? void 0 : _option$options.disabled)
+        disabled = disableAllOptions || ((_option$options = option.options) === null || _option$options === void 0 ? void 0 : _option$options.disabled)
       } = {}
     } = option;
-    const key = renderKey == null ? void 0 : renderKey(optionValue);
-    const active = key === (renderKey == null ? void 0 : renderKey(value));
+    const key = renderKey === null || renderKey === void 0 ? void 0 : renderKey(optionValue);
+    const active = key === (renderKey === null || renderKey === void 0 ? void 0 : renderKey(value));
     const isFirst = idx === 0;
     const isLast = idx === options.length - 1;
     let colors = theme.miscellaneous.surfaceColor;
@@ -68,10 +72,10 @@ const groupOptions = ({
       isActive: active,
       isFirstOption: isFirst,
       isLastOption: isLast,
-      onPress: () => onChange == null ? void 0 : onChange(optionValue),
+      onPress: () => onChange === null || onChange === void 0 ? void 0 : onChange(optionValue),
       surfaceColor: colors,
       style: active ? activeStyle : inactiveStyle
-    }), renderOption == null ? void 0 : renderOption(option.value, active)), !isLast && _react2.default.createElement(_styled.StyledDivider, null));
+    }), renderOption === null || renderOption === void 0 ? void 0 : renderOption(option.value, active)), !isLast && _react2.default.createElement(_styled.StyledDivider, null));
   });
 };
 

package/dist/components/atoms/GroupButton/GroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupButton.js","names":["GroupButton","style","rest","groupOptions","options","renderOption","renderKey","onChange","value","disableAllOptions","theme","useTheme","map","option","idx","optionValue","activeStyle","inactiveStyle","activeBackgroundColor","activeBackgroundColorTone","inactiveBackgroundColor","inactiveBackgroundColorTone","disabled","key","active","isFirst","isLast","length","colors","miscellaneous","surfaceColor","color"],"sources":["../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"mappings":";;;;;AAAA;;AACA;;AAQA;;;;;;AAqCA,MAAMA,WAAW,GAAG,CAAK;EAAEC,KAAF;EAAS,GAAGC;AAAZ,CAAL,KAAiD;EACnE,OACE,8BAAC,yBAAD;IAAmB,KAAK,EAAED;EAA1B,GAAkCE,YAAY,CAACD,IAAD,CAA9C,CADF;AAGD,CAJD;;AAMA,MAAMC,YAAY,GAAG,CAAK;EACxBC,OADwB;EAExBC,YAFwB;EAGxBC,SAHwB;EAIxBC,QAJwB;EAKxBC,KALwB;EAMxBC,iBANwB;EAOxB,GAAGP;AAPqB,CAAL,KAQe;EAClC,MAAMQ,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,OAAOP,OAAP,oBAAOA,OAAO,CAAEQ,GAAT,CAAa,CAACC,MAAD,EAASC,GAAT,KAAiB;IAAA;;IACnC,MAAM;MACJN,KAAK,EAAEO,WADH;MAEJX,OAAO,EAAE;QACPY,WADO;QAEPC,aAFO;QAGPC,qBAHO;QAIPC,yBAJO;QAKPC,uBALO;QAMPC,2BANO;QAOPC,QAAQ,GAAGb,iBAAiB,wBAAII,MAAM,CAACT,OAAX,qBAAI,gBAAgBkB,QAApB;MAPrB,IAQL;IAVA,IAWFT,MAXJ;IAaA,MAAMU,GAAG,GAAGjB,SAAH,oBAAGA,SAAS,CAAGS,WAAH,CAArB;IACA,MAAMS,MAAM,GAAGD,GAAG,MAAKjB,SAAL,oBAAKA,SAAS,CAAGE,KAAH,CAAd,CAAlB;IACA,MAAMiB,OAAO,GAAGX,GAAG,KAAK,CAAxB;IACA,MAAMY,MAAM,GAAGZ,GAAG,KAAKV,OAAO,CAACuB,MAAR,GAAiB,CAAxC;IAEA,IAAIC,MAAM,GAAGlB,KAAK,CAACmB,aAAN,CAAoBC,YAAjC;;IACA,IAAIN,MAAJ,EAAY;MACVI,MAAM,GACJlB,KAAK,CAACqB,KAAN,CAAYb,qBAAqB,IAAI,WAArC,EACEC,yBAAyB,IAAI,QAD/B,CADF;IAID;;IAED,IAAI,CAACK,MAAD,KAAYJ,uBAAuB,IAAIC,2BAAvC,CAAJ,EAAyE;MACvEO,MAAM,GACJlB,KAAK,CAACqB,KAAN,CAAYX,uBAAuB,IAAI,WAAvC,EACEC,2BAA2B,IAAI,QADjC,CADF;IAID;;IAED,OACE,8BAAC,oBAAD;MAAc,GAAG,EAAEE;IAAnB,GACE,8BAAC,uBAAD,eACMrB,IADN,EAEMW,MAAM,CAACT,OAFb;MAGE,QAAQ,EAAEkB,QAHZ;MAIE,QAAQ,EAAEE,MAJZ;MAKE,aAAa,EAAEC,OALjB;MAME,YAAY,EAAEC,MANhB;MAOE,OAAO,EAAE,MAAMnB,QAAN,oBAAMA,QAAQ,CAAGQ,WAAH,CAPzB;MAQE,YAAY,EAAEa,MARhB;MASE,KAAK,EAAEJ,MAAM,GAAGR,WAAH,GAAiBC;IAThC,IAWGZ,YAXH,oBAWGA,YAAY,CAAGQ,MAAM,CAACL,KAAV,EAAiBgB,MAAjB,CAXf,CADF,EAcG,CAACE,MAAD,IAAW,8BAAC,qBAAD,OAdd,CADF;EAkBD,CApDM,CAAP;AAqDD,CA/DD;;eAiEe1B,W"}
+{"version":3,"file":"GroupButton.js","names":["GroupButton","style","rest","groupOptions","options","renderOption","renderKey","onChange","value","disableAllOptions","theme","useTheme","map","option","idx","optionValue","activeStyle","inactiveStyle","activeBackgroundColor","activeBackgroundColorTone","inactiveBackgroundColor","inactiveBackgroundColorTone","disabled","key","active","isFirst","isLast","length","colors","miscellaneous","surfaceColor","color"],"sources":["../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;;;;;AAqCA,MAAMA,WAAW,GAAG,QAAiD;EAAA,IAA5C;IAAEC,KAAF;IAAS,GAAGC;EAAZ,CAA4C;EACnE,OACE,8BAAC,yBAAD;IAAmB,KAAK,EAAED;EAA1B,GAAkCE,YAAY,CAACD,IAAD,CAA9C,CADF;AAGD,CAJD;;AAMA,MAAMC,YAAY,GAAG,SAQe;EAAA,IARV;IACxBC,OADwB;IAExBC,YAFwB;IAGxBC,SAHwB;IAIxBC,QAJwB;IAKxBC,KALwB;IAMxBC,iBANwB;IAOxB,GAAGP;EAPqB,CAQU;EAClC,MAAMQ,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,OAAOP,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAEQ,GAAT,CAAa,CAACC,MAAD,EAASC,GAAT,KAAiB;IAAA;;IACnC,MAAM;MACJN,KAAK,EAAEO,WADH;MAEJX,OAAO,EAAE;QACPY,WADO;QAEPC,aAFO;QAGPC,qBAHO;QAIPC,yBAJO;QAKPC,uBALO;QAMPC,2BANO;QAOPC,QAAQ,GAAGb,iBAAiB,wBAAII,MAAM,CAACT,OAAX,oDAAI,gBAAgBkB,QAApB;MAPrB,IAQL;IAVA,IAWFT,MAXJ;IAaA,MAAMU,GAAG,GAAGjB,SAAH,aAAGA,SAAH,uBAAGA,SAAS,CAAGS,WAAH,CAArB;IACA,MAAMS,MAAM,GAAGD,GAAG,MAAKjB,SAAL,aAAKA,SAAL,uBAAKA,SAAS,CAAGE,KAAH,CAAd,CAAlB;IACA,MAAMiB,OAAO,GAAGX,GAAG,KAAK,CAAxB;IACA,MAAMY,MAAM,GAAGZ,GAAG,KAAKV,OAAO,CAACuB,MAAR,GAAiB,CAAxC;IAEA,IAAIC,MAAM,GAAGlB,KAAK,CAACmB,aAAN,CAAoBC,YAAjC;;IACA,IAAIN,MAAJ,EAAY;MACVI,MAAM,GACJlB,KAAK,CAACqB,KAAN,CAAYb,qBAAqB,IAAI,WAArC,EACEC,yBAAyB,IAAI,QAD/B,CADF;IAID;;IAED,IAAI,CAACK,MAAD,KAAYJ,uBAAuB,IAAIC,2BAAvC,CAAJ,EAAyE;MACvEO,MAAM,GACJlB,KAAK,CAACqB,KAAN,CAAYX,uBAAuB,IAAI,WAAvC,EACEC,2BAA2B,IAAI,QADjC,CADF;IAID;;IAED,OACE,8BAAC,oBAAD;MAAc,GAAG,EAAEE;IAAnB,GACE,8BAAC,uBAAD,eACMrB,IADN,EAEMW,MAAM,CAACT,OAFb;MAGE,QAAQ,EAAEkB,QAHZ;MAIE,QAAQ,EAAEE,MAJZ;MAKE,aAAa,EAAEC,OALjB;MAME,YAAY,EAAEC,MANhB;MAOE,OAAO,EAAE,MAAMnB,QAAN,aAAMA,QAAN,uBAAMA,QAAQ,CAAGQ,WAAH,CAPzB;MAQE,YAAY,EAAEa,MARhB;MASE,KAAK,EAAEJ,MAAM,GAAGR,WAAH,GAAiBC;IAThC,IAWGZ,YAXH,aAWGA,YAXH,uBAWGA,YAAY,CAAGQ,MAAM,CAACL,KAAV,EAAiBgB,MAAjB,CAXf,CADF,EAcG,CAACE,MAAD,IAAW,8BAAC,qBAAD,OAdd,CADF;EAkBD,CApDM,CAAP;AAqDD,CA/DD;;eAiEe1B,W"}

package/dist/components/atoms/GroupButton/GroupButtonOption.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -11,11 +13,12 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const GroupButtonOption = ({
-  TextComponent = _Text.Text,
-  active,
-  description
-}) => {
+const GroupButtonOption = _ref => {
+  let {
+    TextComponent = _Text.Text,
+    active,
+    description
+  } = _ref;
   const StyledText = (0, _styled.getStyledGroupItemText)(TextComponent);
   return _react.default.createElement(StyledText, {
     fontWeight: "bold",

package/dist/components/atoms/GroupButton/GroupButtonOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupButtonOption.js","names":["GroupButtonOption","TextComponent","Text","active","description","StyledText","getStyledGroupItemText"],"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,CAAC;EACzBC,aAAa,GAAGC,UADS;EAEzBC,MAFyB;EAGzBC;AAHyB,CAAD,KAIiB;EACzC,MAAMC,UAAU,GAAG,IAAAC,8BAAA,EAAuBL,aAAvB,CAAnB;EACA,OACE,6BAAC,UAAD;IAAY,UAAU,EAAC,MAAvB;IAA8B,UAAU,EAAC,KAAzC;IAA+C,MAAM,EAAEE;EAAvD,GACGC,WADH,CADF;AAKD,CAXD;;eAaeJ,iB"}
+{"version":3,"file":"GroupButtonOption.js","names":["GroupButtonOption","TextComponent","Text","active","description","StyledText","getStyledGroupItemText"],"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,QAIiB;EAAA,IAJhB;IACzBC,aAAa,GAAGC,UADS;IAEzBC,MAFyB;IAGzBC;EAHyB,CAIgB;EACzC,MAAMC,UAAU,GAAG,IAAAC,8BAAA,EAAuBL,aAAvB,CAAnB;EACA,OACE,6BAAC,UAAD;IAAY,UAAU,EAAC,MAAvB;IAA8B,UAAU,EAAC,KAAzC;IAA+C,MAAM,EAAEE;EAAvD,GACGC,WADH,CADF;AAKD,CAXD;;eAaeJ,iB"}

package/dist/components/atoms/GroupButton/index.d.ts

@@ -1,2 +1,4 @@
-export { default as GroupButton, GroupButtonProps, GroupButtonValue, } from './GroupButton';
-export { default as GroupButtonOption, GroupButtonOptionProps, } from './GroupButtonOption';
+export { default as GroupButton } from './GroupButton';
+export type { GroupButtonProps, GroupButtonValue } from './GroupButton';
+export { default as GroupButtonOption } from './GroupButtonOption';
+export type { GroupButtonOptionProps } from './GroupButtonOption';

package/dist/components/atoms/GroupButton/index.js

@@ -1,20 +1,24 @@
 "use strict";
 
-exports.__esModule = true;
-exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupButton", {
+  enumerable: true,
+  get: function () {
+    return _GroupButton.default;
+  }
+});
+Object.defineProperty(exports, "GroupButtonOption", {
+  enumerable: true,
+  get: function () {
+    return _GroupButtonOption.default;
+  }
+});
 
-var _GroupButton = _interopRequireWildcard(require("./GroupButton"));
+var _GroupButton = _interopRequireDefault(require("./GroupButton"));
 
-exports.GroupButton = _GroupButton.default;
-exports.GroupButtonProps = _GroupButton.GroupButtonProps;
-exports.GroupButtonValue = _GroupButton.GroupButtonValue;
+var _GroupButtonOption = _interopRequireDefault(require("./GroupButtonOption"));
 
-var _GroupButtonOption = _interopRequireWildcard(require("./GroupButtonOption"));
-
-exports.GroupButtonOption = _GroupButtonOption.default;
-exports.GroupButtonOptionProps = _GroupButtonOption.GroupButtonOptionProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/GroupButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/GroupButton/index.ts"],"sourcesContent":["export {\n  default as GroupButton,\n  GroupButtonProps,\n  GroupButtonValue,\n} from './GroupButton';\nexport {\n  default as GroupButtonOption,\n  GroupButtonOptionProps,\n} from './GroupButtonOption';\n"],"mappings":";;;;;AAAA;;;;;;AAKA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/GroupButton/index.ts"],"sourcesContent":["export { default as GroupButton } from './GroupButton';\nexport type { GroupButtonProps, GroupButtonValue } from './GroupButton';\nexport { default as GroupButtonOption } from './GroupButtonOption';\nexport type { GroupButtonOptionProps } from './GroupButtonOption';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEA"}

package/dist/components/atoms/GroupButton/styled.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.getStyledGroupItemText = exports.StyledPressable = exports.StyledOption = exports.StyledGroupButton = exports.StyledDivider = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
@@ -9,132 +11,127 @@ var _utils = require("../../../utils");
 
 var _PressableSurface = require("../PressableSurface");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const StyledGroupButton = _native.default.View`
-  flex-direction: row;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledGroupButton = _native.default.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-direction: row;\n"])));
+
 exports.StyledGroupButton = StyledGroupButton;
 
-const disabledStyles = ({
-  disabled,
-  isActive
-}) => disabled && !isActive && (0, _native.css)`
-    background-color: #dcdcdc;
-  `;
+const disabledStyles = _ref => {
+  let {
+    disabled,
+    isActive
+  } = _ref;
+  return disabled && !isActive && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: #dcdcdc;\n  "])));
+};
 
 const getStyledGroupItemText = component => {
-  return (0, _native.default)(component)`
-    color: ${({
-    active,
-    theme
-  }) => active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};
-  `;
+  return (0, _native.default)(component)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), _ref2 => {
+    let {
+      active,
+      theme
+    } = _ref2;
+    return active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium;
+  });
 };
 
 exports.getStyledGroupItemText = getStyledGroupItemText;
 
-const activeStyles = ({
-  theme,
-  isActive,
-  activeBorderColor = 'secondary',
-  activeBorderColorTone = 'medium'
-}) => isActive && (0, _native.css)`
-    border-color: ${theme == null ? void 0 : theme.color[activeBorderColor][activeBorderColorTone]};
-  `;
-
-const inactiveStyles = ({
-  theme,
-  isActive,
-  inactiveBackgroundColor,
-  inactiveBackgroundColorTone,
-  inactiveBorderColor = 'secondary',
-  inactiveBorderColorTone = 'light'
-}) => {
+const activeStyles = _ref3 => {
+  let {
+    theme,
+    isActive,
+    activeBorderColor = 'secondary',
+    activeBorderColorTone = 'medium'
+  } = _ref3;
+  return isActive && (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-color: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : theme.color[activeBorderColor][activeBorderColorTone]);
+};
+
+const inactiveStyles = _ref4 => {
+  let {
+    theme,
+    isActive,
+    inactiveBackgroundColor,
+    inactiveBackgroundColorTone,
+    inactiveBorderColor = 'secondary',
+    inactiveBorderColorTone = 'light'
+  } = _ref4;
+
   if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {
-    return (0, _native.css)`
-      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
-    `;
+    return (0, _native.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-color: ", ";\n    "])), theme === null || theme === void 0 ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]);
   }
 
   if (!isActive) {
-    return (0, _native.css)`
-      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
-    `;
+    return (0, _native.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      border-color: ", ";\n    "])), theme === null || theme === void 0 ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]);
   }
 };
 
-const leftStyles = ({
-  theme,
-  isFirstOption
-}) => isFirstOption && (0, _native.css)`
-    border-top-left-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-bottom-left-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-left-width: ${theme == null ? void 0 : theme.borderWidth.pico};
-  `;
-
-const rightStyles = ({
-  theme,
-  isLastOption
-}) => isLastOption && (0, _native.css)`
-    border-top-right-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-bottom-right-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-right-width: ${theme == null ? void 0 : theme.borderWidth.pico};
-  `;
-
-const sizeStyles = ({
-  theme,
-  buttonSize = 'small'
-}) => {
+const leftStyles = _ref5 => {
+  let {
+    theme,
+    isFirstOption
+  } = _ref5;
+  return isFirstOption && (0, _native.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n    border-left-width: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili, theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili, theme === null || theme === void 0 ? void 0 : theme.borderWidth.pico);
+};
+
+const rightStyles = _ref6 => {
+  let {
+    theme,
+    isLastOption
+  } = _ref6;
+  return isLastOption && (0, _native.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    border-top-right-radius: ", ";\n    border-bottom-right-radius: ", ";\n    border-right-width: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili, theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili, theme === null || theme === void 0 ? void 0 : theme.borderWidth.pico);
+};
+
+const sizeStyles = _ref7 => {
+  let {
+    theme,
+    buttonSize = 'small'
+  } = _ref7;
+
   switch (buttonSize) {
     case 'small':
-      return (0, _native.css)`
-        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.deca};
-        min-height: ${(0, _utils.RFValueStr)('34px')};
-      `;
+      return (0, _native.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        min-height: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.mili, theme === null || theme === void 0 ? void 0 : theme.spacing.deca, (0, _utils.RFValueStr)('34px'));
 
     default:
-      return (0, _native.css)`
-        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.kilo};
-        min-height: ${(0, _utils.RFValueStr)('44px')};
-      `;
+      return (0, _native.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        min-height: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.mili, theme === null || theme === void 0 ? void 0 : theme.spacing.kilo, (0, _utils.RFValueStr)('44px'));
   }
 };
 
-const StyledPressableBase = (0, _native.default)(_PressableSurface.PressableSurface)`
-  border-top-width: ${({
-  theme
-}) => theme.borderWidth.pico};
-  border-bottom-width: ${({
-  theme
-}) => theme.borderWidth.pico};
-  justify-content: center;
-  align-items: center;
-  flex: 1;
-`;
-const StyledOption = _native.default.View`
-  flex-direction: row;
-  flex: 1;
-`;
+const StyledPressableBase = (0, _native.default)(_PressableSurface.PressableSurface)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  border-top-width: ", ";\n  border-bottom-width: ", ";\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n"])), _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.borderWidth.pico;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.borderWidth.pico;
+});
+
+const StyledOption = _native.default.View(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  flex: 1;\n"])));
+
 exports.StyledOption = StyledOption;
-const StyledDivider = _native.default.View`
-  width: ${({
-  theme
-}) => theme.borderWidth.pico};
-  background-color: ${({
-  theme
-}) => theme.color.secondary.light}; ;
-`;
+
+const StyledDivider = _native.default.View(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: ", ";\n  background-color: ", "; ;\n"])), _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.borderWidth.pico;
+}, _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.color.secondary.light;
+});
+
 exports.StyledDivider = StyledDivider;
-const StyledPressable = (0, _native.default)(StyledPressableBase)(props => (0, _native.css)`
-    ${activeStyles(props)}
-    ${inactiveStyles(props)}
-    ${leftStyles(props)}
-    ${rightStyles(props)}
-    ${sizeStyles(props)}
-    ${disabledStyles(props)}
-  `);
+const StyledPressable = (0, _native.default)(StyledPressableBase)(props => (0, _native.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), activeStyles(props), inactiveStyles(props), leftStyles(props), rightStyles(props), sizeStyles(props), disabledStyles(props)));
 exports.StyledPressable = StyledPressable;
 //# sourceMappingURL=styled.js.map