@activecollab/components 2.0.89 → 2.0.91

package/dist/esm/components/SelectDate/Styles.js

@@ -1,32 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSelectDateFooter = exports.StyledSelectDateDatePicker = exports.StyledSelectDateButtons = exports.StyledSelectDateButton = exports.StyledSelectDate = exports.StyledIconComponent = exports.StyledConfirmDialog = exports.StyledButtonSave = exports.StyledButtonCloseColored = exports.StyledButtonClose = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _Button = require("../Button/Button");
-var _ConfirmDialog = require("../ConfirmDialog");
-var _FontStyle = require("../FontStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledSelectDate = exports.StyledSelectDate = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { Button } from "../Button/Button";
+import { ConfirmDialog } from "../ConfirmDialog";
+import { FontStyle } from "../FontStyle";
+export const StyledSelectDate = styled.div.withConfig({
   displayName: "Styles__StyledSelectDate",
   componentId: "sc-1jkx994-0"
-})(["", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["", " ", ""], FontStyle, BoxSizingStyle);
 StyledSelectDate.displayName = "StyledSelectDate";
-const StyledSelectDateButton = exports.StyledSelectDateButton = _styledComponents.default.button.withConfig({
+export const StyledSelectDateButton = styled.button.withConfig({
   displayName: "Styles__StyledSelectDateButton",
   componentId: "sc-1jkx994-1"
 })(["margin:0;padding:0;border:none;background:none;width:auto;height:auto;color:var(--color-theme-700);span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
 StyledSelectDateButton.displayName = "StyledSelectDateButton";
-const StyledConfirmDialog = exports.StyledConfirmDialog = (0, _styledComponents.default)(_ConfirmDialog.ConfirmDialog).withConfig({
+export const StyledConfirmDialog = styled(ConfirmDialog).withConfig({
   displayName: "Styles__StyledConfirmDialog",
   componentId: "sc-1jkx994-2"
 })([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
 StyledConfirmDialog.displayName = "StyledConfirmDialog";
-const StyledSelectDateDatePicker = exports.StyledSelectDateDatePicker = _styledComponents.default.div.withConfig({
+export const StyledSelectDateDatePicker = styled.div.withConfig({
   displayName: "Styles__StyledSelectDateDatePicker",
   componentId: "sc-1jkx994-3"
 })(["", " color:red;"], {
@@ -34,7 +26,7 @@ const StyledSelectDateDatePicker = exports.StyledSelectDateDatePicker = _styledC
   "paddingTop": "1rem"
 });
 StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
-const StyledSelectDateFooter = exports.StyledSelectDateFooter = _styledComponents.default.div.withConfig({
+export const StyledSelectDateFooter = styled.div.withConfig({
   displayName: "Styles__StyledSelectDateFooter",
   componentId: "sc-1jkx994-4"
 })(["", " border-top:1px solid var(--border-primary);", ""], {
@@ -42,32 +34,32 @@ const StyledSelectDateFooter = exports.StyledSelectDateFooter = _styledComponent
   "paddingRight": "1rem",
   "paddingTop": "0.5rem",
   "paddingBottom": "0.5rem"
-}, props => props.$mode === "instant" && (0, _styledComponents.css)(["", ""], {
+}, props => props.$mode === "instant" && css(["", ""], {
   "display": "flex"
 }));
 StyledSelectDateFooter.displayName = "StyledSelectDateFooter";
-const StyledSelectDateButtons = exports.StyledSelectDateButtons = _styledComponents.default.div.withConfig({
+export const StyledSelectDateButtons = styled.div.withConfig({
   displayName: "Styles__StyledSelectDateButtons",
   componentId: "sc-1jkx994-5"
 })(["", ""], {
   "display": "flex"
 });
 StyledSelectDateButtons.displayName = "StyledSelectDateButtons";
-const StyledButtonSave = exports.StyledButtonSave = (0, _styledComponents.default)(_Button.Button).withConfig({
+export const StyledButtonSave = styled(Button).withConfig({
   displayName: "Styles__StyledButtonSave",
   componentId: "sc-1jkx994-6"
 })(["", ""], {
   "marginRight": "0.5rem"
 });
 StyledButtonSave.displayName = "StyledButtonSave";
-const StyledButtonClose = exports.StyledButtonClose = (0, _styledComponents.default)(_Button.Button).withConfig({
+export const StyledButtonClose = styled(Button).withConfig({
   displayName: "Styles__StyledButtonClose",
   componentId: "sc-1jkx994-7"
 })(["", ""], {
   "marginLeft": "auto"
 });
 StyledButtonClose.displayName = "StyledButtonClose";
-const StyledButtonCloseColored = exports.StyledButtonCloseColored = (0, _styledComponents.default)(_Button.Button).withConfig({
+export const StyledButtonCloseColored = styled(Button).withConfig({
   displayName: "Styles__StyledButtonCloseColored",
   componentId: "sc-1jkx994-8"
 })(["", ""], {
@@ -75,7 +67,7 @@ const StyledButtonCloseColored = exports.StyledButtonCloseColored = (0, _styledC
   "marginRight": "auto"
 });
 StyledButtonCloseColored.displayName = "StyledButtonCloseColored";
-const StyledIconComponent = exports.StyledIconComponent = _styledComponents.default.svg.withConfig({
+export const StyledIconComponent = styled.svg.withConfig({
   displayName: "Styles__StyledIconComponent",
   componentId: "sc-1jkx994-9"
 })(["span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);

package/dist/esm/components/SelectDate/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Button","_ConfirmDialog","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSelectDate","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledSelectDateButton","button","StyledConfirmDialog","ConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","css","StyledSelectDateButtons","StyledButtonSave","Button","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"sources":["../../../../src/components/SelectDate/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Button } from \"../Button/Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSelectDate = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  width: auto;\n  height: auto;\n  color: var(--color-theme-700);\n\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled.div`\n  ${tw`tw-pt-4 tw-pb-2`}\n  color: red;\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n  $mode?: \"atomic\" | \"instant\";\n}>`\n  ${tw`tw-px-4 tw-py-2`}\n  border-top: 1px solid var(--border-primary);\n\n  ${(props) =>\n    props.$mode === \"instant\" &&\n    css`\n      ${tw`tw-flex`}\n    `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n  ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n  ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n  ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n  ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","Button","ConfirmDialog","FontStyle","StyledSelectDate","div","withConfig","displayName","componentId","StyledSelectDateButton","button","StyledConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","StyledSelectDateButtons","StyledButtonSave","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"sources":["../../../../src/components/SelectDate/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Button } from \"../Button/Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSelectDate = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  width: auto;\n  height: auto;\n  color: var(--color-theme-700);\n\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled.div`\n  ${tw`tw-pt-4 tw-pb-2`}\n  color: red;\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n  $mode?: \"atomic\" | \"instant\";\n}>`\n  ${tw`tw-px-4 tw-py-2`}\n  border-top: 1px solid var(--border-primary);\n\n  ${(props) =>\n    props.$mode === \"instant\" &&\n    css`\n      ${tw`tw-flex`}\n    `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n  ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n  ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n  ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n  ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,gBAAgB,GAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACtCL,SAAS,EACTH,cAAc,CACjB;AAEDI,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAME,sBAAsB,GAAGX,MAAM,CAACY,MAAM,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8MAmBlD;AAEDC,sBAAsB,CAACF,WAAW,GAAG,wBAAwB;AAE7D,OAAO,MAAMI,mBAAmB,GAAGb,MAAM,CAACI,aAAa,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2MAkBvD;AAEDG,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMK,0BAA0B,GAAGd,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAC9C;EAAA;EAAA;AAAgB,CAAC,CAEtB;AAEDI,0BAA0B,CAACL,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAMM,sBAAsB,GAAGf,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAG1C;EAAA;EAAA;EAAA;EAAA;AAAgB,CAAC,EAGlBM,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBhB,GAAG,WACG;EAAA;AAAQ,CAAC,CACd,CACJ;AAEDc,sBAAsB,CAACN,WAAW,GAAG,wBAAwB;AAE7D,OAAO,MAAMS,uBAAuB,GAAGlB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;AAAQ,CAAC,CACd;AAEDQ,uBAAuB,CAACT,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMU,gBAAgB,GAAGnB,MAAM,CAACG,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxC;EAAA;AAAQ,CAAC,CACd;AAEDS,gBAAgB,CAACV,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMW,iBAAiB,GAAGpB,MAAM,CAACG,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAW,CAAC,CACjB;AAEDU,iBAAiB,CAACX,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMY,wBAAwB,GAAGrB,MAAM,CAACG,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChD;EAAA;EAAA;AAAsB,CAAC,CAC5B;AAEDW,wBAAwB,CAACZ,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMa,mBAAmB,GAAGtB,MAAM,CAACuB,GAAG,CAAAf,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2GAW5C;AAEDY,mBAAmB,CAACb,WAAW,GAAG,qBAAqB"}

package/dist/esm/components/SelectDate/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _SelectDate = require("./SelectDate");
-Object.keys(_SelectDate).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SelectDate[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SelectDate[key];
-    }
-  });
-});
+export * from "./SelectDate";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/SelectDate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_SelectDate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/SelectDate/index.ts"],"sourcesContent":["export * from \"./SelectDate\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/SelectDate/index.ts"],"sourcesContent":["export * from \"./SelectDate\";\n"],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/components/SelectDate/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/esm/components/SelectTrigger/SelectTrigger.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectTrigger = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-var _Typography = require("../Typography/Typography");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const SelectTrigger = exports.SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import { StyledCaretIcon, StyledSelectTrigger } from "./Styles";
+import { Typography } from "../Typography/Typography";
+export const SelectTrigger = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     type = "button",
@@ -22,18 +13,18 @@ const SelectTrigger = exports.SelectTrigger = /*#__PURE__*/(0, _react.forwardRef
     typographyProps,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectTrigger, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledSelectTrigger, _extends({
     ref: ref,
     role: "button",
     type: type,
     $size: size,
     $invalid: invalid
-  }, rest), /*#__PURE__*/_react.default.createElement(_Typography.Typography, (0, _extends2.default)({
+  }, rest), /*#__PURE__*/React.createElement(Typography, _extends({
     as: "div",
     overflow: "truncate",
     whitespace: "no-wrap",
     variant: size === "small" || size === "regular" ? "Body 2" : "Body 1"
-  }, typographyProps), children), endAdornment ? endAdornment : /*#__PURE__*/_react.default.createElement(_Styles.StyledCaretIcon, {
+  }, typographyProps), children), endAdornment ? endAdornment : /*#__PURE__*/React.createElement(StyledCaretIcon, {
     $open: open
   }));
 });

package/dist/esm/components/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SelectTrigger","exports","forwardRef","_ref","ref","children","type","size","invalid","open","endAdornment","typographyProps","rest","createElement","StyledSelectTrigger","_extends2","role","$size","$invalid","Typography","as","overflow","whitespace","variant","StyledCaretIcon","$open","displayName"],"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n  open?: boolean;\n  typographyProps?: ITypographyProps;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      open = false,\n      endAdornment,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n          {...typographyProps}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAwE,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAYjE,MAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,CAAAC,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,QAAQ;IACRC,IAAI,GAAG,QAAQ;IACfC,IAAI,GAAG,SAAS;IAChBC,OAAO,GAAG,KAAK;IACfC,IAAI,GAAG,KAAK;IACZC,YAAY;IACZC,eAAe;IACf,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,oBACE7B,MAAA,CAAAW,OAAA,CAAA4B,aAAA,CAACpC,OAAA,CAAAqC,mBAAmB,MAAAC,SAAA,CAAA9B,OAAA;IAClBmB,GAAG,EAAEA,GAAI;IACTY,IAAI,EAAC,QAAQ;IACbV,IAAI,EAAEA,IAAK;IACXW,KAAK,EAAEV,IAAK;IACZW,QAAQ,EAAEV;EAAQ,GACdI,IAAI,gBAERtC,MAAA,CAAAW,OAAA,CAAA4B,aAAA,CAACnC,WAAA,CAAAyC,UAAU,MAAAJ,SAAA,CAAA9B,OAAA;IACTmC,EAAE,EAAC,KAAK;IACRC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAEhB,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG;EAAS,GAClEI,eAAe,GAElBN,QACS,CAAC,EAEZK,YAAY,GAAGA,YAAY,gBAAGpC,MAAA,CAAAW,OAAA,CAAA4B,aAAA,CAACpC,OAAA,CAAA+C,eAAe;IAACC,KAAK,EAAEhB;EAAK,CAAE,CAC3C,CAAC;AAE1B,CACF,CAAC;AAEDT,aAAa,CAAC0B,WAAW,GAAG,eAAe"}
+{"version":3,"file":"SelectTrigger.js","names":["React","forwardRef","StyledCaretIcon","StyledSelectTrigger","Typography","SelectTrigger","_ref","ref","children","type","size","invalid","open","endAdornment","typographyProps","rest","createElement","_extends","role","$size","$invalid","as","overflow","whitespace","variant","$open","displayName"],"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n  open?: boolean;\n  typographyProps?: ITypographyProps;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      open = false,\n      endAdornment,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n          {...typographyProps}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,UAAU;AAC/D,SAA2BC,UAAU,QAAQ,0BAA0B;AAYvE,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,QAAQ;IACRC,IAAI,GAAG,QAAQ;IACfC,IAAI,GAAG,SAAS;IAChBC,OAAO,GAAG,KAAK;IACfC,IAAI,GAAG,KAAK;IACZC,YAAY;IACZC,eAAe;IACf,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,oBACEN,KAAA,CAAAgB,aAAA,CAACb,mBAAmB,EAAAc,QAAA;IAClBV,GAAG,EAAEA,GAAI;IACTW,IAAI,EAAC,QAAQ;IACbT,IAAI,EAAEA,IAAK;IACXU,KAAK,EAAET,IAAK;IACZU,QAAQ,EAAET;EAAQ,GACdI,IAAI,gBAERf,KAAA,CAAAgB,aAAA,CAACZ,UAAU,EAAAa,QAAA;IACTI,EAAE,EAAC,KAAK;IACRC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAEd,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG;EAAS,GAClEI,eAAe,GAElBN,QACS,CAAC,EAEZK,YAAY,GAAGA,YAAY,gBAAGb,KAAA,CAAAgB,aAAA,CAACd,eAAe;IAACuB,KAAK,EAAEb;EAAK,CAAE,CAC3C,CAAC;AAE1B,CACF,CAAC;AAEDP,aAAa,CAACqB,WAAW,GAAG,eAAe"}

package/dist/esm/components/SelectTrigger/Styles.js

@@ -1,33 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSelectTrigger = exports.StyledCaretIcon = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Icons = require("../Icons");
-var _Trigger = require("../Trigger");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledSelectTrigger = exports.StyledSelectTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+import styled, { css } from "styled-components";
+import { CollapseExpandSingleIcon } from "../Icons";
+import { Trigger } from "../Trigger";
+export const StyledSelectTrigger = styled(Trigger).withConfig({
   displayName: "Styles__StyledSelectTrigger",
   componentId: "sc-9799p2-0"
 })(["display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-theme-500);padding:0 4px 0 8px;width:300px;transition:border-color 0.3s ease;background-color:var(--input-background-color);", " ", " ", " ", " ", " ", ";"], _ref => {
   let {
     disabled
   } = _ref;
-  return disabled && (0, _styledComponents.css)(["opacity:50%;cursor:default;"]);
+  return disabled && css(["opacity:50%;cursor:default;"]);
 }, _ref2 => {
   let {
     $invalid,
     disabled
   } = _ref2;
-  return !$invalid && !disabled && (0, _styledComponents.css)(["&:hover,&:focus{border-color:var(--color-primary-700);}"]);
+  return !$invalid && !disabled && css(["&:hover,&:focus{border-color:var(--color-primary-700);}"]);
 }, _ref3 => {
   let {
     $invalid
   } = _ref3;
-  return $invalid && (0, _styledComponents.css)(["", " &:hover{", "}"], {
+  return $invalid && css(["", " &:hover{", "}"], {
     "borderColor": "var(--red-alert)"
   }, {
     "borderColor": "var(--red-alert)"
@@ -36,27 +28,27 @@ const StyledSelectTrigger = exports.StyledSelectTrigger = (0, _styledComponents.
   let {
     $size
   } = _ref4;
-  return $size === "small" && (0, _styledComponents.css)(["height:24px;border-radius:var(--ac-br-6);"]);
+  return $size === "small" && css(["height:24px;border-radius:var(--ac-br-6);"]);
 }, _ref5 => {
   let {
     $size
   } = _ref5;
-  return $size === "regular" && (0, _styledComponents.css)(["height:32px;border-radius:var(--ac-br-8);"]);
+  return $size === "regular" && css(["height:32px;border-radius:var(--ac-br-8);"]);
 }, _ref6 => {
   let {
     $size
   } = _ref6;
-  return $size === "big" && (0, _styledComponents.css)(["height:40px;border-radius:var(--ac-br-8);"]);
+  return $size === "big" && css(["height:40px;border-radius:var(--ac-br-8);"]);
 });
 StyledSelectTrigger.displayName = "StyledSelectTrigger";
-const StyledCaretIcon = exports.StyledCaretIcon = (0, _styledComponents.default)(_Icons.CollapseExpandSingleIcon).withConfig({
+export const StyledCaretIcon = styled(CollapseExpandSingleIcon).withConfig({
   displayName: "Styles__StyledCaretIcon",
   componentId: "sc-9799p2-1"
 })(["margin-left:8px;flex-shrink:0;transition:transform 200ms ease;", ""], _ref7 => {
   let {
     $open
   } = _ref7;
-  return !$open && (0, _styledComponents.css)(["transform:rotate(180deg);"]);
+  return !$open && css(["transform:rotate(180deg);"]);
 });
 StyledCaretIcon.displayName = "StyledCaretIcon";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/SelectTrigger/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Icons","_Trigger","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSelectTrigger","exports","styled","Trigger","withConfig","displayName","componentId","_ref","disabled","css","_ref2","$invalid","_ref3","_ref4","$size","_ref5","_ref6","StyledCaretIcon","CollapseExpandSingleIcon","_ref7","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Size } from \"./SelectTrigger\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 4px 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\n    css`\n      ${tw`tw-border-alert`}\n\n      &:hover {\n        ${tw`tw-border-alert`}\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === \"small\" &&\n    css`\n      height: 24px;\n      border-radius: var(--ac-br-6);\n    `}\n\n  ${({ $size }) =>\n    $size === \"regular\" &&\n    css`\n      height: 32px;\n      border-radius: var(--ac-br-8);\n    `}\n\n    ${({ $size }) =>\n    $size === \"big\" &&\n    css`\n      height: 40px;\n      border-radius: var(--ac-br-8);\n    `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n  $open: boolean;\n}>`\n  margin-left: 8px;\n  flex-shrink: 0;\n  transition: transform 200ms ease;\n\n  ${({ $open }) =>\n    !$open &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","CollapseExpandSingleIcon","Trigger","StyledSelectTrigger","withConfig","displayName","componentId","_ref","disabled","_ref2","$invalid","_ref3","_ref4","$size","_ref5","_ref6","StyledCaretIcon","_ref7","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Size } from \"./SelectTrigger\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 4px 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\n    css`\n      ${tw`tw-border-alert`}\n\n      &:hover {\n        ${tw`tw-border-alert`}\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === \"small\" &&\n    css`\n      height: 24px;\n      border-radius: var(--ac-br-6);\n    `}\n\n  ${({ $size }) =>\n    $size === \"regular\" &&\n    css`\n      height: 32px;\n      border-radius: var(--ac-br-8);\n    `}\n\n    ${({ $size }) =>\n    $size === \"big\" &&\n    css`\n      height: 40px;\n      border-radius: var(--ac-br-8);\n    `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n  $open: boolean;\n}>`\n  margin-left: 8px;\n  flex-shrink: 0;\n  transition: transform 200ms ease;\n\n  ${({ $open }) =>\n    !$open &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAO,MAAMC,mBAAmB,GAAGJ,MAAM,CAACG,OAAO,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8PAa9CC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,OACbC,QAAQ,IACRR,GAAG,iCAGF;AAAA,GAEDS,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEF;EAAS,CAAC,GAAAC,KAAA;EAAA,OACvB,CAACC,QAAQ,IACT,CAACF,QAAQ,IACTR,GAAG,6DAKF;AAAA,GAEDW,KAAA;EAAA,IAAC;IAAED;EAAS,CAAC,GAAAC,KAAA;EAAA,OACbD,QAAQ,IACRV,GAAG,yBACG;IAAA;EAAgB,CAAC,EAGf;IAAA;EAAgB,CAAC,CAExB;AAAA,GAEDY,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OACVC,KAAK,KAAK,OAAO,IACjBb,GAAG,+CAGF;AAAA,GAEDc,KAAA;EAAA,IAAC;IAAED;EAAM,CAAC,GAAAC,KAAA;EAAA,OACVD,KAAK,KAAK,SAAS,IACnBb,GAAG,+CAGF;AAAA,GAECe,KAAA;EAAA,IAAC;IAAEF;EAAM,CAAC,GAAAE,KAAA;EAAA,OACZF,KAAK,KAAK,KAAK,IACfb,GAAG,+CAGF;AAAA,EACJ;AAEDG,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMW,eAAe,GAAGjB,MAAM,CAACE,wBAAwB,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAO3DW,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OACV,CAACC,KAAK,IACNlB,GAAG,+BAEF;AAAA,EACJ;AAEDgB,eAAe,CAACX,WAAW,GAAG,iBAAiB"}

package/dist/esm/components/SelectTrigger/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _SelectTrigger = require("./SelectTrigger");
-Object.keys(_SelectTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SelectTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SelectTrigger[key];
-    }
-  });
-});
+export * from "./SelectTrigger";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/SelectTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_SelectTrigger","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/SelectTrigger/index.ts"],"sourcesContent":["export * from \"./SelectTrigger\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/SelectTrigger/index.ts"],"sourcesContent":["export * from \"./SelectTrigger\";\n"],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/components/Sheet/Sheet.js

@@ -1,20 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Sheet = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _Overlay = require("../Overlay");
-var _Window = require("../Window");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useEffect, forwardRef, useState, useImperativeHandle } from "react";
+import { Transition } from "react-transition-group";
+import classnames from "classnames";
+import { StyledAnimatedSpan, StyledCssTransition, StyledSheetIcons, StyledSheetWrapper, StyledSheetWrapperPaper } from "./Styles";
+import { Overlay } from "../Overlay";
+import { Window } from "../Window";
+export const Sheet = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     onClose,
@@ -31,57 +22,57 @@ const Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     disableBackgroundClick = false,
     ...rest
   } = _ref;
-  const [open, setOpen] = (0, _react.useState)(defaultOpen);
-  const [exited, setExited] = (0, _react.useState)(true);
-  (0, _react.useEffect)(() => {
+  const [open, setOpen] = useState(defaultOpen);
+  const [exited, setExited] = useState(true);
+  useEffect(() => {
     setOpen(defaultOpen);
   }, [defaultOpen]);
-  const handleEnter = (0, _react.useCallback)(() => {
+  const handleEnter = useCallback(() => {
     setExited(false);
   }, []);
-  const handleExited = (0, _react.useCallback)(() => {
+  const handleExited = useCallback(() => {
     setExited(true);
     typeof onClose === "function" && onClose();
   }, [onClose]);
-  const handleClose = (0, _react.useCallback)(() => {
+  const handleClose = useCallback(() => {
     setOpen(false);
   }, []);
-  const handleBackgroundClick = (0, _react.useCallback)(event => {
+  const handleBackgroundClick = useCallback(event => {
     if (!disableBackgroundClick) {
       event.preventDefault();
       handleClose();
     }
   }, [disableBackgroundClick, handleClose]);
-  (0, _react.useImperativeHandle)(ref, () => ({
+  useImperativeHandle(ref, () => ({
     close: handleClose
   }));
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Window.Window, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement(Window, _extends({}, rest, {
     onClose: handleClose,
     disableFocusLock: disableFocusLock,
     disableScrollLock: disableScrollLock
-  }), open ? /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
+  }), open ? /*#__PURE__*/React.createElement(Overlay, {
     onClick: handleBackgroundClick,
     disableBackgroundColor: disableBackgroundColor
-  }) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetWrapper, {
-    className: (0, _classnames.default)("c-sheet__wrapper", bodyClassName),
+  }) : null, /*#__PURE__*/React.createElement(StyledSheetWrapper, {
+    className: classnames("c-sheet__wrapper", bodyClassName),
     style: bodyStyle,
     $position: position,
     $mode: mode
-  }, controls.length ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetIcons, null, controls.map((item, index) => {
+  }, controls.length ? /*#__PURE__*/React.createElement(StyledSheetIcons, null, controls.map((item, index) => {
     const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s
     const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s
     const control = index + 1;
     const durationOut = controls.length > maxDurationOut ? maxDurationOut : maxDurationOut - control;
     const durationIn = control >= maxDurationIn ? 1 : control;
-    return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    return /*#__PURE__*/React.createElement(Transition, {
       appear: true,
       in: open,
       timeout: maxDurationIn * 100,
-      key: `c-sheet-control-${index}`
-    }, state => /*#__PURE__*/_react.default.createElement(_Styles.StyledAnimatedSpan, {
+      key: "c-sheet-control-" + index
+    }, state => /*#__PURE__*/React.createElement(StyledAnimatedSpan, {
       $state: state,
       $mode: mode,
       $maxDurationIn: maxDurationIn / 10,
@@ -89,7 +80,7 @@ const Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
       $durationOut: durationOut / 10,
       $durationIn: durationIn / 10
     }, item));
-  })) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledCssTransition, {
+  })) : null, /*#__PURE__*/React.createElement(StyledCssTransition, {
     appear: true,
     in: open,
     timeout: 400,
@@ -97,7 +88,7 @@ const Sheet = exports.Sheet = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     $direction: animation,
     onEnter: handleEnter,
     onExited: handleExited
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetWrapperPaper, {
+  }, /*#__PURE__*/React.createElement(StyledSheetWrapperPaper, {
     paperClass: "c-sheet__wrapper__paper"
   }, children))));
 });

package/dist/esm/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_classnames","_interopRequireDefault","_Styles","_Overlay","_Window","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Sheet","exports","forwardRef","_ref","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","setOpen","useState","exited","setExited","useEffect","handleEnter","useCallback","handleExited","handleClose","handleBackgroundClick","event","preventDefault","useImperativeHandle","close","createElement","Window","_extends2","Overlay","onClick","StyledSheetWrapper","className","classnames","style","$position","$mode","length","StyledSheetIcons","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","Transition","appear","in","timeout","key","state","StyledAnimatedSpan","$state","$maxDurationIn","$maxDurationOut","$durationOut","$durationIn","StyledCssTransition","classNames","$direction","onEnter","onExited","StyledSheetWrapperPaper","paperClass","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport interface SheetMethods {\n  close: () => void;\n}\n\nexport const Sheet = forwardRef<\n  SheetMethods,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    useImperativeHandle(ref, () => ({\n      close: handleClose,\n    }));\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper paperClass=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","names":["React","useCallback","useEffect","forwardRef","useState","useImperativeHandle","Transition","classnames","StyledAnimatedSpan","StyledCssTransition","StyledSheetIcons","StyledSheetWrapper","StyledSheetWrapperPaper","Overlay","Window","Sheet","_ref","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","setOpen","exited","setExited","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","close","createElement","_extends","onClick","className","style","$position","$mode","length","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","appear","in","timeout","key","state","$state","$maxDurationIn","$maxDurationOut","$durationOut","$durationIn","classNames","$direction","onEnter","onExited","paperClass","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n  useImperativeHandle,\n} from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport interface SheetMethods {\n  close: () => void;\n}\n\nexport const Sheet = forwardRef<\n  SheetMethods,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    useImperativeHandle(ref, () => ({\n      close: handleClose,\n    }));\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper paperClass=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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"}