matsuri-ui 9.7.2-alpha.0

package/dist/cjs/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/Tab.tsx"],"names":["Tab","React","forwardRef","children","index","fullWidth","as","rest","ref_","theme","currentIndex","setCurrentIndex","setCurrentTab","handleClick","ref","current","Component","css","position","boxSizing","color","border","margin","display","outline","padding","alignItems","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","typography","body","flexShrink","cursor","transition","minHeight","spacing","paddingLeft","paddingRight"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,GAAG,gBAAGC,gBAAMC,UAAN,CACf,CACI;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,KAAK,GAAG,CAApB;AAAuBC,EAAAA,SAAvB;AAAkCC,EAAAA,EAAlC;AAAsC,KAAGC;AAAzC,CADJ,EAEIC,IAFJ,KAGK;AACD,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,eAAhB;AAAiCC,IAAAA;AAAjC,MAAmD,qBAAzD;AACA,QAAMC,WAAW,GAAG,yBAAY,MAAM;AAClCF,IAAAA,eAAe,CAACP,KAAD,CAAf;AACH,GAFmB,EAEjB,CAACA,KAAD,EAAQO,eAAR,CAFiB,CAApB;AAGA,QAAMG,GAAG,GAAG,oBAA0BN,IAAI,IAAI,IAAlC,CAAZ;AACA,yBAAU,MAAM;AACZ,QAAIE,YAAY,KAAKN,KAAjB,IAA0BU,GAA1B,IAAiCA,GAAG,CAACC,OAAzC,EAAkD;AAC9CH,MAAAA,aAAa,CAACE,GAAG,CAACC,OAAL,CAAb;AACH;AACJ,GAJD,EAIG,CAACL,YAAD,EAAeN,KAAf,EAAsBQ,aAAtB,CAJH;AAKA,QAAMI,SAA4B,GAAGV,EAAE,IAAI,QAA3C;AACA,SACI,gBAAC,SAAD;AACI,IAAA,GAAG,EAAEQ,GADT;AAEI,IAAA,OAAO,EAAED;AAFb,KAGQN,IAHR;AAII,IAAA,GAAG,mBAAEU,UAAF,gBACG,gBAAI;AACFC,MAAAA,QAAQ,EAAE,UADR;AAEFC,MAAAA,SAAS,EAAE,YAFT;AAGFC,MAAAA,KAAK,EAAE,SAHL;AAIFC,MAAAA,MAAM,EAAE,CAJN;AAKFC,MAAAA,MAAM,EAAE,CALN;AAMFC,MAAAA,OAAO,EAAE,aANP;AAOFC,MAAAA,OAAO,EAAE,CAPP;AAQFC,MAAAA,OAAO,EAAE,CARP;AASFC,MAAAA,UAAU,EAAE,QATV;AAUFC,MAAAA,UAAU,EAAE,MAVV;AAWFC,MAAAA,YAAY,EAAE,CAXZ;AAYFC,MAAAA,aAAa,EAAE,QAZb;AAaFC,MAAAA,cAAc,EAAE,QAbd;AAcFC,MAAAA,cAAc,EAAE,MAdd;AAeFC,MAAAA,eAAe,EAAE,aAff;AAgBFC,MAAAA,UAAU,EAAE,MAhBV;AAiBFC,MAAAA,uBAAuB,EAAE,aAjBvB;AAkBFC,MAAAA,aAAa,EAAE,MAlBb;AAmBFC,MAAAA,WAAW,EAAE,QAnBX;AAoBFC,MAAAA,UAAU,EAAE,KApBV;AAqBFC,MAAAA,UAAU,EAAE,MArBV;AAsBF,SAAG7B,KAAK,CAAC8B,UAAN,CAAiBC,IAtBlB;AAuBFC,MAAAA,UAAU,EAAE,CAvBV;AAwBFC,MAAAA,MAAM,EAAE,SAxBN;AAyBFC,MAAAA,UAAU,EAAE,OAzBV;AA0BFC,MAAAA,SAAS,EAAEnC,KAAK,CAACoC,OAAN,GAAgB,CA1BzB;AA2BFC,MAAAA,WAAW,EAAErC,KAAK,CAACoC,OAAN,GAAgB,CA3B3B;AA4BFE,MAAAA,YAAY,EAAEtC,KAAK,CAACoC,OAAN,GAAgB;AA5B5B,KAAJ,6/IADH,OA+BGxC,SAAS,QA/BZ;AAJP,MA4CKF,QA5CL,CADJ;AAgDH,CAjEc,CAAZ","sourcesContent":["import { AsComponentProps, FakeAsComponent } from \"../AsComponentProps\"\nimport { css } from \"@emotion/react\"\nimport { useTab } from \"./useTab\"\nimport { useTheme } from \"../theme\"\nimport React, { useCallback, useEffect, useRef } from \"react\"\n\ninterface BaseTabProps {\n    index?: number\n    fullWidth?: boolean\n    children?: React.ReactNode\n}\n\nexport type TabProps<E extends React.ElementType> = AsComponentProps<E, BaseTabProps>\n\nexport const Tab = React.forwardRef(\n    <E extends React.ElementType = \"button\">(\n        { children, index = 0, fullWidth, as, ...rest }: TabProps<E>,\n        ref_: any\n    ) => {\n        const theme = useTheme()\n        const { currentIndex, setCurrentIndex, setCurrentTab } = useTab()\n        const handleClick = useCallback(() => {\n            setCurrentIndex(index)\n        }, [index, setCurrentIndex])\n        const ref = useRef<HTMLButtonElement>(ref_ || null)\n        useEffect(() => {\n            if (currentIndex === index && ref && ref.current) {\n                setCurrentTab(ref.current)\n            }\n        }, [currentIndex, index, setCurrentTab])\n        const Component: React.ElementType = as || \"button\"\n        return (\n            <Component\n                ref={ref}\n                onClick={handleClick}\n                {...rest}\n                css={css`\n                    ${css({\n                        position: \"relative\",\n                        boxSizing: \"border-box\",\n                        color: \"inherit\",\n                        border: 0,\n                        margin: 0,\n                        display: \"inline-flex\",\n                        outline: 0,\n                        padding: 0,\n                        alignItems: \"center\",\n                        userSelect: \"none\",\n                        borderRadius: 0,\n                        verticalAlign: \"middle\",\n                        justifyContent: \"center\",\n                        textDecoration: \"none\",\n                        backgroundColor: \"transparent\",\n                        appearance: \"none\",\n                        WebkitTapHighlightColor: \"transparent\",\n                        textRendering: \"auto\",\n                        wordSpacing: \"nomral\",\n                        textIndent: \"0px\",\n                        textShadow: \"none\",\n                        ...theme.typography.body,\n                        flexShrink: 0,\n                        cursor: \"pointer\",\n                        transition: \"0.45s\",\n                        minHeight: theme.spacing * 5,\n                        paddingLeft: theme.spacing * 2,\n                        paddingRight: theme.spacing * 2\n                    })}\n                    ${fullWidth &&\n                    css({\n                        flexGrow: 1,\n                        maxWidth: \"none\",\n                        flexBasis: 0,\n                        flexShrink: 1\n                    })}\n                `}\n            >\n                {children}\n            </Component>\n        )\n    }\n) as FakeAsComponent<\"button\", BaseTabProps>\n"],"file":"Tab.js"}

package/dist/cjs/Tabs/TabGroup.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabGroup = void 0;
+
+var _react = require("@emotion/react");
+
+var _useTab = require("./useTab");
+
+var _theme = require("../theme");
+
+var _useWindowResize = require("../hooks/useWindowResize");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const positions = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end"
+};
+const underlineStyles = {
+  none: undefined,
+  always: process.env.NODE_ENV === "production" ? {
+    name: "16s0a54",
+    styles: "border-bottom:3px solid #e0e0e0"
+  } : {
+    name: "bp0g7p-always",
+    styles: "border-bottom:3px solid #e0e0e0;label:always;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBUYWJHcm91cFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gICAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIlxuICAgIHVuZGVybGluZT86IFwibm9uZVwiIHwgXCJob3ZlclwiIHwgXCJhbHdheXNcIlxufVxuXG5jb25zdCBwb3NpdGlvbnMgPSB7XG4gICAgc3RhcnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICBlbmQ6IFwiZmxleC1lbmRcIlxufVxuXG5jb25zdCB1bmRlcmxpbmVTdHlsZXMgPSB7XG4gICAgbm9uZTogdW5kZWZpbmVkLFxuICAgIGFsd2F5czogY3NzYFxuICAgICAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgI2UwZTBlMDtcbiAgICBgLFxuICAgIGhvdmVyOiBjc3NgXG4gICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgI2UwZTBlMDtcbiAgICAgICAgfVxuICAgIGBcbn1cblxuZXhwb3J0IGNvbnN0IFRhYkdyb3VwOiBSZWFjdC5GQzxUYWJHcm91cFByb3BzPiA9ICh7IHBvc2l0aW9uID0gXCJzdGFydFwiLCB1bmRlcmxpbmUgPSBcIm5vbmVcIiwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIGNvbnN0IHsgY3VycmVudFRhYiB9ID0gdXNlVGFiKClcbiAgICBjb25zdCB7IHdpZHRoIH0gPSB1c2VXaW5kb3dSZXNpemUoKVxuICAgIGNvbnN0IFtpbmRpY2F0b3JTdHlsZSwgc2V0SW5kaWNhdG9yU3R5bGVdID0gdXNlU3RhdGUoe1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB3aWR0aDogMCxcbiAgICAgICAgbGVmdDogMFxuICAgIH0pXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGN1cnJlbnRUYWIpXG4gICAgICAgICAgICBzZXRJbmRpY2F0b3JTdHlsZSh7XG4gICAgICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgICAgICB3aWR0aDogY3VycmVudFRhYi5vZmZzZXRXaWR0aCxcbiAgICAgICAgICAgICAgICBsZWZ0OiBjdXJyZW50VGFiLm9mZnNldExlZnRcbiAgICAgICAgICAgIH0pXG4gICAgfSwgW2N1cnJlbnRUYWIsIHdpZHRoXSlcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogJHtwb3NpdGlvbnNbcG9zaXRpb25dfTtcbiAgICAgICAgICAgICAgICAke3VuZGVybGluZVN0eWxlc1t1bmRlcmxpbmVdfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSlcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge2N1cnJlbnRUYWIgJiYgKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtjc3Moe1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbTogdW5kZXJsaW5lID09PSBcIm5vbmVcIiA/IDAgOiAtMyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gXG4gICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17aW5kaWNhdG9yU3R5bGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  hover: process.env.NODE_ENV === "production" ? {
+    name: "175mt4f",
+    styles: "border-bottom:3px solid transparent;transition:0.2s;&:hover{border-bottom:3px solid #e0e0e0;}"
+  } : {
+    name: "19n0r3i-hover",
+    styles: "border-bottom:3px solid transparent;transition:0.2s;&:hover{border-bottom:3px solid #e0e0e0;};label:hover;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBUYWJHcm91cFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gICAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIlxuICAgIHVuZGVybGluZT86IFwibm9uZVwiIHwgXCJob3ZlclwiIHwgXCJhbHdheXNcIlxufVxuXG5jb25zdCBwb3NpdGlvbnMgPSB7XG4gICAgc3RhcnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICBlbmQ6IFwiZmxleC1lbmRcIlxufVxuXG5jb25zdCB1bmRlcmxpbmVTdHlsZXMgPSB7XG4gICAgbm9uZTogdW5kZWZpbmVkLFxuICAgIGFsd2F5czogY3NzYFxuICAgICAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgI2UwZTBlMDtcbiAgICBgLFxuICAgIGhvdmVyOiBjc3NgXG4gICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbjogMC4ycztcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgI2UwZTBlMDtcbiAgICAgICAgfVxuICAgIGBcbn1cblxuZXhwb3J0IGNvbnN0IFRhYkdyb3VwOiBSZWFjdC5GQzxUYWJHcm91cFByb3BzPiA9ICh7IHBvc2l0aW9uID0gXCJzdGFydFwiLCB1bmRlcmxpbmUgPSBcIm5vbmVcIiwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIGNvbnN0IHsgY3VycmVudFRhYiB9ID0gdXNlVGFiKClcbiAgICBjb25zdCB7IHdpZHRoIH0gPSB1c2VXaW5kb3dSZXNpemUoKVxuICAgIGNvbnN0IFtpbmRpY2F0b3JTdHlsZSwgc2V0SW5kaWNhdG9yU3R5bGVdID0gdXNlU3RhdGUoe1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB3aWR0aDogMCxcbiAgICAgICAgbGVmdDogMFxuICAgIH0pXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGN1cnJlbnRUYWIpXG4gICAgICAgICAgICBzZXRJbmRpY2F0b3JTdHlsZSh7XG4gICAgICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgICAgICB3aWR0aDogY3VycmVudFRhYi5vZmZzZXRXaWR0aCxcbiAgICAgICAgICAgICAgICBsZWZ0OiBjdXJyZW50VGFiLm9mZnNldExlZnRcbiAgICAgICAgICAgIH0pXG4gICAgfSwgW2N1cnJlbnRUYWIsIHdpZHRoXSlcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogJHtwb3NpdGlvbnNbcG9zaXRpb25dfTtcbiAgICAgICAgICAgICAgICAke3VuZGVybGluZVN0eWxlc1t1bmRlcmxpbmVdfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSlcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge2N1cnJlbnRUYWIgJiYgKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtjc3Moe1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbTogdW5kZXJsaW5lID09PSBcIm5vbmVcIiA/IDAgOiAtMyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gXG4gICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17aW5kaWNhdG9yU3R5bGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+
+const TabGroup = ({
+  position = "start",
+  underline = "none",
+  children
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const {
+    currentTab
+  } = (0, _useTab.useTab)();
+  const {
+    width
+  } = (0, _useWindowResize.useWindowResize)();
+  const [indicatorStyle, setIndicatorStyle] = (0, _react2.useState)({
+    opacity: 0,
+    width: 0,
+    left: 0
+  });
+  (0, _react2.useEffect)(() => {
+    if (currentTab) setIndicatorStyle({
+      opacity: 1,
+      width: currentTab.offsetWidth,
+      left: currentTab.offsetLeft
+    });
+  }, [currentTab, width]);
+  return (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)("position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:", positions[position], ";", underlineStyles[underline], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRG9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IHsgdXNlV2luZG93UmVzaXplIH0gZnJvbSBcIi4uL2hvb2tzL3VzZVdpbmRvd1Jlc2l6ZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICAgIHBvc2l0aW9uPzogXCJzdGFydFwiIHwgXCJjZW50ZXJcIiB8IFwiZW5kXCJcbiAgICB1bmRlcmxpbmU/OiBcIm5vbmVcIiB8IFwiaG92ZXJcIiB8IFwiYWx3YXlzXCJcbn1cblxuY29uc3QgcG9zaXRpb25zID0ge1xuICAgIHN0YXJ0OiBcImZsZXgtc3RhcnRcIixcbiAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgZW5kOiBcImZsZXgtZW5kXCJcbn1cblxuY29uc3QgdW5kZXJsaW5lU3R5bGVzID0ge1xuICAgIG5vbmU6IHVuZGVmaW5lZCxcbiAgICBhbHdheXM6IGNzc2BcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkICNlMGUwZTA7XG4gICAgYCxcbiAgICBob3ZlcjogY3NzYFxuICAgICAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkICNlMGUwZTA7XG4gICAgICAgIH1cbiAgICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cDogUmVhY3QuRkM8VGFiR3JvdXBQcm9wcz4gPSAoeyBwb3NpdGlvbiA9IFwic3RhcnRcIiwgdW5kZXJsaW5lID0gXCJub25lXCIsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpXG4gICAgY29uc3QgeyB3aWR0aCB9ID0gdXNlV2luZG93UmVzaXplKClcbiAgICBjb25zdCBbaW5kaWNhdG9yU3R5bGUsIHNldEluZGljYXRvclN0eWxlXSA9IHVzZVN0YXRlKHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6IDAsXG4gICAgICAgIGxlZnQ6IDBcbiAgICB9KVxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChjdXJyZW50VGFiKVxuICAgICAgICAgICAgc2V0SW5kaWNhdG9yU3R5bGUoe1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0XG4gICAgICAgICAgICB9KVxuICAgIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cG9zaXRpb25zW3Bvc2l0aW9uXX07XG4gICAgICAgICAgICAgICAgJHt1bmRlcmxpbmVTdHlsZXNbdW5kZXJsaW5lXX1cbiAgICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50W10sIChjaGlsZCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIHtjdXJyZW50VGFiICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBib3R0b206IHVuZGVybGluZSA9PT0gXCJub25lXCIgPyAwIDogLTMsXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogMjAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAzLFxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWluLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYG9wYWNpdHkgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zdGFuZGFyZH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuc2hhcnB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxlZnQgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9YFxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG4iXX0= */")
+  }, _react2.default.Children.map(children, (child, index) => {
+    return /*#__PURE__*/_react2.default.cloneElement(child, {
+      index
+    });
+  }), currentTab && (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
+      position: "absolute",
+      bottom: underline === "none" ? 0 : -3,
+      width: 200,
+      height: 3,
+      backgroundColor: theme.palette.intentions.primary.main,
+      transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},
+                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},
+                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IHsgdXNlV2luZG93UmVzaXplIH0gZnJvbSBcIi4uL2hvb2tzL3VzZVdpbmRvd1Jlc2l6ZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICAgIHBvc2l0aW9uPzogXCJzdGFydFwiIHwgXCJjZW50ZXJcIiB8IFwiZW5kXCJcbiAgICB1bmRlcmxpbmU/OiBcIm5vbmVcIiB8IFwiaG92ZXJcIiB8IFwiYWx3YXlzXCJcbn1cblxuY29uc3QgcG9zaXRpb25zID0ge1xuICAgIHN0YXJ0OiBcImZsZXgtc3RhcnRcIixcbiAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgZW5kOiBcImZsZXgtZW5kXCJcbn1cblxuY29uc3QgdW5kZXJsaW5lU3R5bGVzID0ge1xuICAgIG5vbmU6IHVuZGVmaW5lZCxcbiAgICBhbHdheXM6IGNzc2BcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkICNlMGUwZTA7XG4gICAgYCxcbiAgICBob3ZlcjogY3NzYFxuICAgICAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zaXRpb246IDAuMnM7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkICNlMGUwZTA7XG4gICAgICAgIH1cbiAgICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cDogUmVhY3QuRkM8VGFiR3JvdXBQcm9wcz4gPSAoeyBwb3NpdGlvbiA9IFwic3RhcnRcIiwgdW5kZXJsaW5lID0gXCJub25lXCIsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpXG4gICAgY29uc3QgeyB3aWR0aCB9ID0gdXNlV2luZG93UmVzaXplKClcbiAgICBjb25zdCBbaW5kaWNhdG9yU3R5bGUsIHNldEluZGljYXRvclN0eWxlXSA9IHVzZVN0YXRlKHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6IDAsXG4gICAgICAgIGxlZnQ6IDBcbiAgICB9KVxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChjdXJyZW50VGFiKVxuICAgICAgICAgICAgc2V0SW5kaWNhdG9yU3R5bGUoe1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0XG4gICAgICAgICAgICB9KVxuICAgIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cG9zaXRpb25zW3Bvc2l0aW9uXX07XG4gICAgICAgICAgICAgICAgJHt1bmRlcmxpbmVTdHlsZXNbdW5kZXJsaW5lXX1cbiAgICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50W10sIChjaGlsZCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIHtjdXJyZW50VGFiICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBib3R0b206IHVuZGVybGluZSA9PT0gXCJub25lXCIgPyAwIDogLTMsXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogMjAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAzLFxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWluLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYG9wYWNpdHkgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zdGFuZGFyZH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuc2hhcnB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxlZnQgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9YFxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG4iXX0= */"),
+    style: indicatorStyle
+  }));
+};
+
+exports.TabGroup = TabGroup;
+//# sourceMappingURL=TabGroup.js.map

package/dist/cjs/Tabs/TabGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/TabGroup.tsx"],"names":["positions","start","center","end","underlineStyles","none","undefined","always","hover","TabGroup","position","underline","children","theme","currentTab","width","indicatorStyle","setIndicatorStyle","opacity","left","offsetWidth","offsetLeft","css","React","Children","map","child","index","cloneElement","bottom","height","backgroundColor","palette","intentions","primary","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAOA,MAAMA,SAAS,GAAG;AACdC,EAAAA,KAAK,EAAE,YADO;AAEdC,EAAAA,MAAM,EAAE,QAFM;AAGdC,EAAAA,GAAG,EAAE;AAHS,CAAlB;AAMA,MAAMC,eAAe,GAAG;AACpBC,EAAAA,IAAI,EAAEC,SADc;AAEpBC,EAAAA,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAFc;AAKpBC,EAAAA,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALe,CAAxB;;AAcO,MAAMC,QAAiC,GAAG,CAAC;AAAEC,EAAAA,QAAQ,GAAG,OAAb;AAAsBC,EAAAA,SAAS,GAAG,MAAlC;AAA0CC,EAAAA;AAA1C,CAAD,KAA0D;AACvG,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAiB,qBAAvB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAY,uCAAlB;AACA,QAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,sBAAS;AACjDC,IAAAA,OAAO,EAAE,CADwC;AAEjDH,IAAAA,KAAK,EAAE,CAF0C;AAGjDI,IAAAA,IAAI,EAAE;AAH2C,GAAT,CAA5C;AAKA,yBAAU,MAAM;AACZ,QAAIL,UAAJ,EACIG,iBAAiB,CAAC;AACdC,MAAAA,OAAO,EAAE,CADK;AAEdH,MAAAA,KAAK,EAAED,UAAU,CAACM,WAFJ;AAGdD,MAAAA,IAAI,EAAEL,UAAU,CAACO;AAHH,KAAD,CAAjB;AAKP,GAPD,EAOG,CAACP,UAAD,EAAaC,KAAb,CAPH;AAQA,SACI;AACI,IAAA,GAAG,mBAAEO,UAAF,4FAKoBtB,SAAS,CAACU,QAAD,CAL7B,OAMGN,eAAe,CAACO,SAAD,CANlB;AADP,KAUKY,gBAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAAqD,CAACc,KAAD,EAAQC,KAAR,KAAkB;AACpE,wBAAOJ,gBAAMK,YAAN,CAAmBF,KAAnB,EAA0B;AAAEC,MAAAA;AAAF,KAA1B,CAAP;AACH,GAFA,CAVL,EAaKb,UAAU,IACP;AACI,IAAA,GAAG,eAAE,gBAAI;AACLJ,MAAAA,QAAQ,EAAE,UADL;AAELmB,MAAAA,MAAM,EAAElB,SAAS,KAAK,MAAd,GAAuB,CAAvB,GAA2B,CAAC,CAF/B;AAGLI,MAAAA,KAAK,EAAE,GAHF;AAILe,MAAAA,MAAM,EAAE,CAJH;AAKLC,MAAAA,eAAe,EAAElB,KAAK,CAACmB,OAAN,CAAcC,UAAd,CAAyBC,OAAzB,CAAiCC,IAL7C;AAMLC,MAAAA,UAAU,EAAG,WAAUvB,KAAK,CAACwB,WAAN,CAAkBC,QAAlB,CAA2BC,QAAS,IAAG1B,KAAK,CAACwB,WAAN,CAAkBG,MAAlB,CAAyBC,KAAM;AACrH,mCAAmC5B,KAAK,CAACwB,WAAN,CAAkBC,QAAlB,CAA2BI,QAAS,IAAG7B,KAAK,CAACwB,WAAN,CAAkBG,MAAlB,CAAyBG,SAAU;AAC7G,oCAAoC9B,KAAK,CAACwB,WAAN,CAAkBC,QAAlB,CAA2BI,QAAS,IAAG7B,KAAK,CAACwB,WAAN,CAAkBG,MAAlB,CAAyBG,SAAU;AARjF,KAAJ,07HADT;AAWI,IAAA,KAAK,EAAE3B;AAXX,IAdR,CADJ;AA+BH,CAhDM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTab } from \"./useTab\"\nimport { useTheme } from \"../theme\"\nimport { useWindowResize } from \"../hooks/useWindowResize\"\nimport React, { useEffect, useState } from \"react\"\n\nexport interface TabGroupProps extends React.HTMLProps<HTMLDivElement> {\n    position?: \"start\" | \"center\" | \"end\"\n    underline?: \"none\" | \"hover\" | \"always\"\n}\n\nconst positions = {\n    start: \"flex-start\",\n    center: \"center\",\n    end: \"flex-end\"\n}\n\nconst underlineStyles = {\n    none: undefined,\n    always: css`\n        border-bottom: 3px solid #e0e0e0;\n    `,\n    hover: css`\n        border-bottom: 3px solid transparent;\n        transition: 0.2s;\n        &:hover {\n            border-bottom: 3px solid #e0e0e0;\n        }\n    `\n}\n\nexport const TabGroup: React.FC<TabGroupProps> = ({ position = \"start\", underline = \"none\", children }) => {\n    const theme = useTheme()\n    const { currentTab } = useTab()\n    const { width } = useWindowResize()\n    const [indicatorStyle, setIndicatorStyle] = useState({\n        opacity: 0,\n        width: 0,\n        left: 0\n    })\n    useEffect(() => {\n        if (currentTab)\n            setIndicatorStyle({\n                opacity: 1,\n                width: currentTab.offsetWidth,\n                left: currentTab.offsetLeft\n            })\n    }, [currentTab, width])\n    return (\n        <div\n            css={css`\n                position: relative;\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: nowrap;\n                justify-content: ${positions[position]};\n                ${underlineStyles[underline]}\n            `}\n        >\n            {React.Children.map(children as React.ReactElement[], (child, index) => {\n                return React.cloneElement(child, { index })\n            })}\n            {currentTab && (\n                <div\n                    css={css({\n                        position: \"absolute\",\n                        bottom: underline === \"none\" ? 0 : -3,\n                        width: 200,\n                        height: 3,\n                        backgroundColor: theme.palette.intentions.primary.main,\n                        transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`\n                    })}\n                    style={indicatorStyle}\n                />\n            )}\n        </div>\n    )\n}\n"],"file":"TabGroup.js"}

package/dist/cjs/Tabs/TabPanel.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabPanel = void 0;
+
+var _react = require("@emotion/react");
+
+var _useTab = require("./useTab");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "eivff4",
+  styles: "display:none"
+} : {
+  name: "1in24jo-TabPanel",
+  styles: "display:none;label:TabPanel;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYlBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGNvbnN0IFRhYlBhbmVsOiBSZWFjdC5GQzx7IGluZGV4PzogbnVtYmVyIH0gJiBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+ID0gKHtcbiAgICBpbmRleCA9IDAsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICBjb25zdCB7IGN1cnJlbnRJbmRleCB9ID0gdXNlVGFiKClcbiAgICBjb25zdCBoaWRkZW4gPSBjdXJyZW50SW5kZXggIT09IGluZGV4XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtcbiAgICAgICAgICAgICAgICBoaWRkZW4gJiZcbiAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const TabPanel = ({
+  index = 0,
+  children,
+  ...props
+}) => {
+  const {
+    currentIndex
+  } = (0, _useTab.useTab)();
+  const hidden = currentIndex !== index;
+  return (0, _react.jsx)("div", _extends({
+    css: hidden && _ref
+  }, props), children);
+};
+
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=TabPanel.js.map

package/dist/cjs/Tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/TabPanel.tsx"],"names":["TabPanel","index","children","props","currentIndex","hidden"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAEO,MAAMA,QAA6E,GAAG,CAAC;AAC1FC,EAAAA,KAAK,GAAG,CADkF;AAE1FC,EAAAA,QAF0F;AAG1F,KAAGC;AAHuF,CAAD,KAIvF;AACF,QAAM;AAAEC,IAAAA;AAAF,MAAmB,qBAAzB;AACA,QAAMC,MAAM,GAAGD,YAAY,KAAKH,KAAhC;AACA,SACI;AACI,IAAA,GAAG,EACCI,MAAM;AAFd,KAOQF,KAPR,GASKD,QATL,CADJ;AAaH,CApBM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTab } from \"./useTab\"\nimport React from \"react\"\n\nexport const TabPanel: React.FC<{ index?: number } & React.HTMLAttributes<HTMLDivElement>> = ({\n    index = 0,\n    children,\n    ...props\n}) => {\n    const { currentIndex } = useTab()\n    const hidden = currentIndex !== index\n    return (\n        <div\n            css={\n                hidden &&\n                css`\n                    display: none;\n                `\n            }\n            {...props}\n        >\n            {children}\n        </div>\n    )\n}\n"],"file":"TabPanel.js"}

package/dist/cjs/Tabs/TabPanelGroup.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabPanelGroup = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TabPanelGroup = ({
+  children
+}) => {
+  return (0, _react2.jsx)(_react.default.Fragment, null, _react.default.Children.map(children, (child, index) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      index
+    });
+  }));
+};
+
+exports.TabPanelGroup = TabPanelGroup;
+//# sourceMappingURL=TabPanelGroup.js.map

package/dist/cjs/Tabs/TabPanelGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"names":["TabPanelGroup","children","React","Children","map","child","index","cloneElement"],"mappings":";;;;;;;AAAA;;;;;;AAEO,MAAMA,aAAuB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACrD,SACI,gDACKC,eAAMC,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAAqD,CAACI,KAAD,EAAQC,KAAR,KAAkB;AACpE,wBAAOJ,eAAMK,YAAN,CAAmBF,KAAnB,EAA0B;AAAEC,MAAAA;AAAF,KAA1B,CAAP;AACH,GAFA,CADL,CADJ;AAOH,CARM","sourcesContent":["import React from \"react\"\n\nexport const TabPanelGroup: React.FC = ({ children }) => {\n    return (\n        <>\n            {React.Children.map(children as React.ReactElement[], (child, index) => {\n                return React.cloneElement(child, { index })\n            })}\n        </>\n    )\n}\n"],"file":"TabPanelGroup.js"}

package/dist/cjs/Tabs/TabProvider.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabProvider = exports.TabContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+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 TabContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.TabContext = TabContext;
+
+const TabProvider = ({
+  defaultIndex = 0,
+  children,
+  onChange
+}) => {
+  const cache = _react.default.useRef(defaultIndex);
+
+  const [index, setIndex] = (0, _react.useState)(defaultIndex);
+  const [tab, setTab] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    if (cache.current === index) {
+      cache.current = null;
+      return;
+    }
+
+    if (onChange) {
+      onChange(index);
+    }
+  }, [index, onChange]);
+  return (0, _react2.jsx)(TabContext.Provider, {
+    value: {
+      currentIndex: index,
+      setCurrentIndex: setIndex,
+      currentTab: tab,
+      setCurrentTab: setTab
+    }
+  }, (0, _react2.jsx)(_react.default.Fragment, null, children));
+};
+
+exports.TabProvider = TabProvider;
+//# sourceMappingURL=TabProvider.js.map

package/dist/cjs/Tabs/TabProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/TabProvider.tsx"],"names":["TabContext","TabProvider","defaultIndex","children","onChange","cache","React","useRef","index","setIndex","tab","setTab","current","currentIndex","setCurrentIndex","currentTab","setCurrentTab"],"mappings":";;;;;;;AAAA;;;;;;;;AASO,MAAMA,UAAU,gBAAG,0BAAc,EAAd,CAAnB;;;AAEA,MAAMC,WAGX,GAAG,CAAC;AAAEC,EAAAA,YAAY,GAAG,CAAjB;AAAoBC,EAAAA,QAApB;AAA8BC,EAAAA;AAA9B,CAAD,KAA8C;AAC/C,QAAMC,KAAK,GAAGC,eAAMC,MAAN,CAA4BL,YAA5B,CAAd;;AACA,QAAM,CAACM,KAAD,EAAQC,QAAR,IAAoB,qBAASP,YAAT,CAA1B;AACA,QAAM,CAACQ,GAAD,EAAMC,MAAN,IAAgB,sBAAtB;AACA,wBAAU,MAAM;AACZ,QAAIN,KAAK,CAACO,OAAN,KAAkBJ,KAAtB,EAA6B;AACzBH,MAAAA,KAAK,CAACO,OAAN,GAAgB,IAAhB;AACA;AACH;;AACD,QAAIR,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACI,KAAD,CAAR;AACH;AACJ,GARD,EAQG,CAACA,KAAD,EAAQJ,QAAR,CARH;AASA,SACI,iBAAC,UAAD,CAAY,QAAZ;AACI,IAAA,KAAK,EAAE;AACHS,MAAAA,YAAY,EAAEL,KADX;AAEHM,MAAAA,eAAe,EAAEL,QAFd;AAGHM,MAAAA,UAAU,EAAEL,GAHT;AAIHM,MAAAA,aAAa,EAAEL;AAJZ;AADX,KAQI,gDAAGR,QAAH,CARJ,CADJ;AAYH,CA5BM","sourcesContent":["import React, { createContext, useEffect, useState } from \"react\"\n\nexport interface TabContextProps {\n    currentIndex: number\n    setCurrentIndex: (index: number) => void\n    currentTab?: HTMLButtonElement\n    setCurrentTab: (tab: HTMLButtonElement) => void\n}\n\nexport const TabContext = createContext({} as TabContextProps)\n\nexport const TabProvider: React.FC<{\n    defaultIndex?: number\n    onChange?: (v: any) => void\n}> = ({ defaultIndex = 0, children, onChange }) => {\n    const cache = React.useRef<number | null>(defaultIndex)\n    const [index, setIndex] = useState(defaultIndex)\n    const [tab, setTab] = useState<HTMLButtonElement>()\n    useEffect(() => {\n        if (cache.current === index) {\n            cache.current = null\n            return\n        }\n        if (onChange) {\n            onChange(index)\n        }\n    }, [index, onChange])\n    return (\n        <TabContext.Provider\n            value={{\n                currentIndex: index,\n                setCurrentIndex: setIndex,\n                currentTab: tab,\n                setCurrentTab: setTab\n            }}\n        >\n            <>{children}</>\n        </TabContext.Provider>\n    )\n}\n"],"file":"TabProvider.js"}

package/dist/cjs/Tabs/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Tab = require("./Tab");
+
+Object.keys(_Tab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Tab[key];
+    }
+  });
+});
+
+var _TabGroup = require("./TabGroup");
+
+Object.keys(_TabGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TabGroup[key];
+    }
+  });
+});
+
+var _TabPanel = require("./TabPanel");
+
+Object.keys(_TabPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TabPanel[key];
+    }
+  });
+});
+
+var _TabPanelGroup = require("./TabPanelGroup");
+
+Object.keys(_TabPanelGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabPanelGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TabPanelGroup[key];
+    }
+  });
+});
+
+var _useTab = require("./useTab");
+
+Object.keys(_useTab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useTab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTab[key];
+    }
+  });
+});
+
+var _TabProvider = require("./TabProvider");
+
+Object.keys(_TabProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TabProvider[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Tab\"\nexport * from \"./TabGroup\"\nexport * from \"./TabPanel\"\nexport * from \"./TabPanelGroup\"\nexport * from \"./useTab\"\nexport * from \"./TabProvider\"\n"],"file":"index.js"}

package/dist/cjs/Tabs/useTab.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTab = void 0;
+
+var _TabProvider = require("./TabProvider");
+
+var _react = require("react");
+
+const useTab = () => {
+  const context = (0, _react.useContext)(_TabProvider.TabContext);
+  return context;
+};
+
+exports.useTab = useTab;
+//# sourceMappingURL=useTab.js.map

package/dist/cjs/Tabs/useTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/useTab.tsx"],"names":["useTab","context","TabContext"],"mappings":";;;;;;;AAAA;;AACA;;AACO,MAAMA,MAAM,GAAG,MAAM;AACxB,QAAMC,OAAO,GAAG,uBAAWC,uBAAX,CAAhB;AACA,SAAOD,OAAP;AACH,CAHM","sourcesContent":["import { TabContext } from \"./TabProvider\"\nimport { useContext } from \"react\"\nexport const useTab = () => {\n    const context = useContext(TabContext)\n    return context\n}\n"],"file":"useTab.js"}

package/dist/cjs/TextField/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextField = void 0;
+
+var _FormControl = require("../FormControl");
+
+var _FormHelperText = require("../FormHelperText");
+
+var _InputBase = require("../InputBase");
+
+var _InputLabel = require("../InputLabel");
+
+var _useDitectInputTouched = require("./useDitectInputTouched");
+
+var _useValidation = require("./useValidation");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+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 _extends() { _extends = Object.assign || 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 TextField = /*#__PURE__*/_react.default.forwardRef(({
+  label,
+  style,
+  className,
+  onChange,
+  disabled,
+  validationMessages,
+  customValidations,
+  type = "text",
+  bottomGutter,
+  helperText,
+  invalid,
+  ...props
+}, rootRef) => {
+  const ref = (0, _react.useRef)(null);
+  const [value, setValue] = (0, _react.useState)(props.value || props.defaultValue);
+  const validation = (0, _useValidation.useValidation)({
+    ref,
+    validationMessages,
+    customValidations,
+    value
+  });
+  const handleChange = (0, _react.useCallback)(event => {
+    const {
+      value
+    } = event.currentTarget;
+    setValue(value);
+
+    if (onChange) {
+      onChange(value, event);
+    }
+  }, [onChange]);
+  const [touched, inputProps] = (0, _useDitectInputTouched.useDitectInputTouched)();
+  return (0, _react2.jsx)(_FormControl.FormControl, {
+    style: style,
+    className: className,
+    ref: rootRef
+  }, (0, _react2.jsx)(_InputLabel.InputLabel, {
+    "aria-disabled": disabled,
+    required: props.required
+  }, label), (0, _react2.jsx)(_InputBase.InputBase, _extends({
+    disabled: disabled,
+    type: type
+  }, props, {
+    onChange: handleChange,
+    "data-invalid": !validation.valid,
+    ref: ref
+  }, inputProps)), touched && validation.message ? (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: !validation.valid
+  }, validation.message) : (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: invalid
+  }, typeof helperText === "function" ? helperText({
+    value
+  }) : helperText));
+});
+
+exports.TextField = TextField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TextField/index.tsx"],"names":["TextField","React","forwardRef","label","style","className","onChange","disabled","validationMessages","customValidations","type","bottomGutter","helperText","invalid","props","rootRef","ref","value","setValue","defaultValue","validation","handleChange","event","currentTarget","touched","inputProps","required","valid","message"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAyCO,MAAMA,SAAS,gBAAGC,eAAMC,UAAN,CACrB,CACI;AACIC,EAAAA,KADJ;AAEIC,EAAAA,KAFJ;AAGIC,EAAAA,SAHJ;AAIIC,EAAAA,QAJJ;AAKIC,EAAAA,QALJ;AAMIC,EAAAA,kBANJ;AAOIC,EAAAA,iBAPJ;AAQIC,EAAAA,IAAI,GAAG,MARX;AASIC,EAAAA,YATJ;AAUIC,EAAAA,UAVJ;AAWIC,EAAAA,OAXJ;AAYI,KAAGC;AAZP,CADJ,EAeIC,OAfJ,KAgBK;AACD,QAAMC,GAAG,GAAG,mBAAyB,IAAzB,CAAZ;AACA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAASJ,KAAK,CAACG,KAAN,IAAeH,KAAK,CAACK,YAA9B,CAA1B;AACA,QAAMC,UAAU,GAAG,kCAAc;AAC7BJ,IAAAA,GAD6B;AAE7BR,IAAAA,kBAF6B;AAG7BC,IAAAA,iBAH6B;AAI7BQ,IAAAA;AAJ6B,GAAd,CAAnB;AAMA,QAAMI,YAAY,GAAG,wBAChBC,KAAD,IAAgD;AAC5C,UAAM;AAAEL,MAAAA;AAAF,QAAYK,KAAK,CAACC,aAAxB;AACAL,IAAAA,QAAQ,CAACD,KAAD,CAAR;;AACA,QAAIX,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACW,KAAD,EAAQK,KAAR,CAAR;AACH;AACJ,GAPgB,EAQjB,CAAChB,QAAD,CARiB,CAArB;AAUA,QAAM,CAACkB,OAAD,EAAUC,UAAV,IAAwB,mDAA9B;AACA,SACI,iBAAC,wBAAD;AAAa,IAAA,KAAK,EAAErB,KAApB;AAA2B,IAAA,SAAS,EAAEC,SAAtC;AAAiD,IAAA,GAAG,EAAEU;AAAtD,KACI,iBAAC,sBAAD;AAAY,qBAAeR,QAA3B;AAAqC,IAAA,QAAQ,EAAEO,KAAK,CAACY;AAArD,KACKvB,KADL,CADJ,EAII,iBAAC,oBAAD;AACI,IAAA,QAAQ,EAAEI,QADd;AAEI,IAAA,IAAI,EAAEG;AAFV,KAGQI,KAHR;AAII,IAAA,QAAQ,EAAEO,YAJd;AAKI,oBAAc,CAACD,UAAU,CAACO,KAL9B;AAMI,IAAA,GAAG,EAAEX;AANT,KAOQS,UAPR,EAJJ,EAaKD,OAAO,IAAIJ,UAAU,CAACQ,OAAtB,GACG,iBAAC,8BAAD;AAAgB,IAAA,YAAY,EAAEjB,YAA9B;AAA4C,IAAA,OAAO,EAAE,CAACS,UAAU,CAACO;AAAjE,KACKP,UAAU,CAACQ,OADhB,CADH,GAKG,iBAAC,8BAAD;AAAgB,IAAA,YAAY,EAAEjB,YAA9B;AAA4C,IAAA,OAAO,EAAEE;AAArD,KACK,OAAOD,UAAP,KAAsB,UAAtB,GAAmCA,UAAU,CAAC;AAAEK,IAAAA;AAAF,GAAD,CAA7C,GAA2DL,UADhE,CAlBR,CADJ;AAyBH,CA9DoB,CAAlB","sourcesContent":["import { FormControl } from \"../FormControl\"\nimport { FormHelperText, InputBottomGutterProps } from \"../FormHelperText\"\nimport { InputBase, InputBaseProps } from \"../InputBase\"\nimport { InputLabel } from \"../InputLabel\"\nimport { useDitectInputTouched } from \"./useDitectInputTouched\"\nimport { useValidation } from \"./useValidation\"\nimport React, { useCallback, useRef, useState } from \"react\"\n\nexport interface FieldProps<T> {\n    value?: T\n    defaultValue?: T\n    /**\n     * ラベルの文字列を指定します。ラベルは左上に表示されます。\n     */\n    label?: string\n    /**\n     * input要素本来のバリデーションに任意のバリデーションを追加することができます。\n     */\n    customValidations?: Array<(value?: T) => string | undefined | false>\n    /**\n     * input要素本来のバリーデーションメッセージを変更することができます。\n     */\n    validationMessages?: {\n        [key in keyof ValidityState]?: string\n    }\n    /**\n     * inputの値が更新された場合に発火します。\n     *\n     * onChangeが呼ばれるタイミングと内部実装の値が変更されるタイミングは異なります。\n     * そのため、onChange発火直後にformなどのrefから値を取得しようとするとズレが発生する場合があります。\n     */\n    onChange?: (value: T, event?: React.SyntheticEvent<HTMLElement>) => void\n    /**\n     * 任意のヘルパーテキストを挿入できます。ただしinput要素本来のバリデーションの方が優先されます。\n     */\n    helperText?: React.ReactNode | ((props: { value?: T }) => React.ReactNode)\n    /**\n     * 任意のヘルパーテキストをinvalidなものとして扱いたい場合に使用できます。\n     */\n    invalid?: boolean\n}\n\nexport interface TextFieldProps\n    extends FieldProps<string>,\n        Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\">,\n        InputBottomGutterProps {}\n\nexport const TextField = React.forwardRef<HTMLDivElement, TextFieldProps>(\n    (\n        {\n            label,\n            style,\n            className,\n            onChange,\n            disabled,\n            validationMessages,\n            customValidations,\n            type = \"text\",\n            bottomGutter,\n            helperText,\n            invalid,\n            ...props\n        },\n        rootRef\n    ) => {\n        const ref = useRef<HTMLInputElement>(null)\n        const [value, setValue] = useState(props.value || props.defaultValue)\n        const validation = useValidation({\n            ref,\n            validationMessages,\n            customValidations,\n            value\n        })\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value } = event.currentTarget\n                setValue(value)\n                if (onChange) {\n                    onChange(value, event)\n                }\n            },\n            [onChange]\n        )\n        const [touched, inputProps] = useDitectInputTouched()\n        return (\n            <FormControl style={style} className={className} ref={rootRef}>\n                <InputLabel aria-disabled={disabled} required={props.required}>\n                    {label}\n                </InputLabel>\n                <InputBase\n                    disabled={disabled}\n                    type={type}\n                    {...props}\n                    onChange={handleChange}\n                    data-invalid={!validation.valid}\n                    ref={ref}\n                    {...inputProps}\n                />\n                {touched && validation.message ? (\n                    <FormHelperText bottomGutter={bottomGutter} invalid={!validation.valid}>\n                        {validation.message}\n                    </FormHelperText>\n                ) : (\n                    <FormHelperText bottomGutter={bottomGutter} invalid={invalid}>\n                        {typeof helperText === \"function\" ? helperText({ value }) : helperText}\n                    </FormHelperText>\n                )}\n            </FormControl>\n        )\n    }\n)\n"],"file":"index.js"}

package/dist/cjs/TextField/useDitectInputTouched.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDitectInputTouched = void 0;
+
+var _react = require("react");
+
+const useDitectInputTouched = () => {
+  const [touched, setTouched] = (0, _react.useState)(false);
+  const handleFocus = (0, _react.useMemo)(() => touched ? undefined : () => setTouched(true), [touched]);
+  return [touched, {
+    "data-touched": touched,
+    onFocus: handleFocus
+  }];
+};
+
+exports.useDitectInputTouched = useDitectInputTouched;
+//# sourceMappingURL=useDitectInputTouched.js.map

package/dist/cjs/TextField/useDitectInputTouched.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TextField/useDitectInputTouched.tsx"],"names":["useDitectInputTouched","touched","setTouched","handleFocus","undefined","onFocus"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,qBAAqB,GAAG,MAAM;AACvC,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,qBAAS,KAAT,CAA9B;AACA,QAAMC,WAAW,GAAG,oBAAQ,MAAOF,OAAO,GAAGG,SAAH,GAAe,MAAMF,UAAU,CAAC,IAAD,CAArD,EAA8D,CAACD,OAAD,CAA9D,CAApB;AACA,SAAO,CACHA,OADG,EAEH;AACI,oBAAgBA,OADpB;AAEII,IAAAA,OAAO,EAAEF;AAFb,GAFG,CAAP;AAOH,CAVM","sourcesContent":["import { useMemo, useState } from \"react\"\nexport const useDitectInputTouched = () => {\n    const [touched, setTouched] = useState(false)\n    const handleFocus = useMemo(() => (touched ? undefined : () => setTouched(true)), [touched])\n    return [\n        touched,\n        {\n            \"data-touched\": touched,\n            onFocus: handleFocus\n        }\n    ] as const\n}\n"],"file":"useDitectInputTouched.js"}

package/dist/cjs/TextField/useValidation.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValidation = useValidation;
+
+var _react = require("react");
+
+const selectValidityType = validity => {
+  let type = "valid";
+
+  for (let key in validity) {
+    if (validity[key] === true) {
+      type = key;
+      break;
+    }
+  }
+
+  return type;
+};
+
+function useValidation({
+  ref,
+  validationMessages,
+  customValidations,
+  value
+}) {
+  const [validation, setValidation] = (0, _react.useState)({
+    valid: true,
+    message: "",
+    type: "valid"
+  });
+  /**
+   * カスタムバリデーション
+   * Input要素の値が変更される度に評価し、invalidであればsetCustomValidityを発火する
+   */
+
+  (0, _react.useEffect)(() => {
+    if (customValidations && ref && ref.current) {
+      const selectedCustomValidation = customValidations.find(customValidation => {
+        return !!customValidation(value);
+      });
+
+      if (selectedCustomValidation) {
+        const message = selectedCustomValidation(value);
+
+        if (message) {
+          ref.current.setCustomValidity(message);
+        }
+      } else {
+        // 無効なものがなければリセット
+        ref.current.setCustomValidity("");
+      }
+    }
+  }, [customValidations, ref, value]);
+  const selectValidationMessage = (0, _react.useCallback)((type, validationMessage) => {
+    if (validationMessages && validationMessages[type]) {
+      return validationMessages[type];
+    } else {
+      return validationMessage;
+    }
+  }, [validationMessages]);
+  /**
+   * バリデーション
+   * Input要素の値が変更される度、カスタムバリデーションの次に評価する
+   */
+
+  (0, _react.useEffect)(() => {
+    if (ref && ref.current) {
+      const {
+        validity,
+        validationMessage
+      } = ref.current;
+      const type = selectValidityType(validity);
+      const message = selectValidationMessage(type, validationMessage);
+      setValidation({
+        valid: validity.valid,
+        message,
+        type
+      });
+    }
+  }, [ref, validationMessages, selectValidationMessage, value]);
+  return validation;
+}
+//# sourceMappingURL=useValidation.js.map

package/dist/cjs/TextField/useValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TextField/useValidation.tsx"],"names":["selectValidityType","validity","type","key","useValidation","ref","validationMessages","customValidations","value","validation","setValidation","valid","message","current","selectedCustomValidation","find","customValidation","setCustomValidity","selectValidationMessage","validationMessage"],"mappings":";;;;;;;AAAA;;AAOA,MAAMA,kBAAkB,GAAIC,QAAD,IAA6B;AACpD,MAAIC,IAAI,GAAG,OAAX;;AACA,OAAK,IAAIC,GAAT,IAAgBF,QAAhB,EAA0B;AACtB,QAAIA,QAAQ,CAACE,GAAD,CAAR,KAAkB,IAAtB,EAA4B;AACxBD,MAAAA,IAAI,GAAGC,GAAP;AACA;AACH;AACJ;;AACD,SAAOD,IAAP;AACH,CATD;;AAgBO,SAASE,aAAT,CAA0B;AAC7BC,EAAAA,GAD6B;AAE7BC,EAAAA,kBAF6B;AAG7BC,EAAAA,iBAH6B;AAI7BC,EAAAA;AAJ6B,CAA1B,EAUJ;AACC,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,qBAAqB;AACrDC,IAAAA,KAAK,EAAE,IAD8C;AAErDC,IAAAA,OAAO,EAAE,EAF4C;AAGrDV,IAAAA,IAAI,EAAE;AAH+C,GAArB,CAApC;AAKA;AACJ;AACA;AACA;;AACI,wBAAU,MAAM;AACZ,QAAIK,iBAAiB,IAAIF,GAArB,IAA4BA,GAAG,CAACQ,OAApC,EAA6C;AACzC,YAAMC,wBAAwB,GAAGP,iBAAiB,CAACQ,IAAlB,CAAwBC,gBAAD,IAAsB;AAC1E,eAAO,CAAC,CAACA,gBAAgB,CAACR,KAAD,CAAzB;AACH,OAFgC,CAAjC;;AAGA,UAAIM,wBAAJ,EAA8B;AAC1B,cAAMF,OAAO,GAAGE,wBAAwB,CAACN,KAAD,CAAxC;;AACA,YAAII,OAAJ,EAAa;AACTP,UAAAA,GAAG,CAACQ,OAAJ,CAAYI,iBAAZ,CAA8BL,OAA9B;AACH;AACJ,OALD,MAKO;AACH;AACAP,QAAAA,GAAG,CAACQ,OAAJ,CAAYI,iBAAZ,CAA8B,EAA9B;AACH;AACJ;AACJ,GAfD,EAeG,CAACV,iBAAD,EAAoBF,GAApB,EAAyBG,KAAzB,CAfH;AAiBA,QAAMU,uBAAuB,GAAG,wBAC5B,CAAChB,IAAD,EAAOiB,iBAAP,KAA6B;AACzB,QAAIb,kBAAkB,IAAIA,kBAAkB,CAACJ,IAAD,CAA5C,EAAoD;AAChD,aAAOI,kBAAkB,CAACJ,IAAD,CAAzB;AACH,KAFD,MAEO;AACH,aAAOiB,iBAAP;AACH;AACJ,GAP2B,EAQ5B,CAACb,kBAAD,CAR4B,CAAhC;AAUA;AACJ;AACA;AACA;;AACI,wBAAU,MAAM;AACZ,QAAID,GAAG,IAAIA,GAAG,CAACQ,OAAf,EAAwB;AACpB,YAAM;AAAEZ,QAAAA,QAAF;AAAYkB,QAAAA;AAAZ,UAAkCd,GAAG,CAACQ,OAA5C;AACA,YAAMX,IAAI,GAAGF,kBAAkB,CAACC,QAAD,CAA/B;AACA,YAAMW,OAAO,GAAGM,uBAAuB,CAAChB,IAAD,EAAOiB,iBAAP,CAAvC;AACAT,MAAAA,aAAa,CAAC;AACVC,QAAAA,KAAK,EAAEV,QAAQ,CAACU,KADN;AAEVC,QAAAA,OAFU;AAGVV,QAAAA;AAHU,OAAD,CAAb;AAKH;AACJ,GAXD,EAWG,CAACG,GAAD,EAAMC,kBAAN,EAA0BY,uBAA1B,EAAmDV,KAAnD,CAXH;AAaA,SAAOC,UAAP;AACH","sourcesContent":["import { useCallback, useEffect, useState } from \"react\"\nexport interface Validation {\n    valid: boolean\n    type: keyof ValidityState\n    message: string\n}\n\nconst selectValidityType = (validity: ValidityState) => {\n    let type = \"valid\"\n    for (let key in validity) {\n        if (validity[key] === true) {\n            type = key\n            break\n        }\n    }\n    return type as keyof ValidityState\n}\n\nexport interface UseValidation<T> {\n    value?: T\n    fuck: Array<(value: T) => string | false | undefined>\n}\n\nexport function useValidation<T>({\n    ref,\n    validationMessages,\n    customValidations,\n    value\n}: {\n    ref: React.RefObject<HTMLInputElement | HTMLTextAreaElement>\n    validationMessages?: { [key in keyof ValidityState]?: string }\n    value: T\n    customValidations?: Array<(value: T) => string | false | undefined>\n}) {\n    const [validation, setValidation] = useState<Validation>({\n        valid: true,\n        message: \"\",\n        type: \"valid\"\n    })\n    /**\n     * カスタムバリデーション\n     * Input要素の値が変更される度に評価し、invalidであればsetCustomValidityを発火する\n     */\n    useEffect(() => {\n        if (customValidations && ref && ref.current) {\n            const selectedCustomValidation = customValidations.find((customValidation) => {\n                return !!customValidation(value)\n            })\n            if (selectedCustomValidation) {\n                const message = selectedCustomValidation(value)\n                if (message) {\n                    ref.current.setCustomValidity(message)\n                }\n            } else {\n                // 無効なものがなければリセット\n                ref.current.setCustomValidity(\"\")\n            }\n        }\n    }, [customValidations, ref, value])\n\n    const selectValidationMessage = useCallback(\n        (type, validationMessage) => {\n            if (validationMessages && validationMessages[type]) {\n                return validationMessages[type]\n            } else {\n                return validationMessage\n            }\n        },\n        [validationMessages]\n    )\n    /**\n     * バリデーション\n     * Input要素の値が変更される度、カスタムバリデーションの次に評価する\n     */\n    useEffect(() => {\n        if (ref && ref.current) {\n            const { validity, validationMessage } = ref.current\n            const type = selectValidityType(validity)\n            const message = selectValidationMessage(type, validationMessage)\n            setValidation({\n                valid: validity.valid,\n                message,\n                type\n            })\n        }\n    }, [ref, validationMessages, selectValidationMessage, value])\n\n    return validation\n}\n"],"file":"useValidation.js"}