@activecollab/components 1.0.56 → 1.0.57

package/dist/cjs/components/FormLabel/FormLabel.js

@@ -0,0 +1,53 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormLabel = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Typography = require("../Typography/Typography");
+
+var _excluded = ["invalid", "required", "size", "children", "className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var FormLabel = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      size = _ref.size,
+      children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var color = invalid ? "alert" : "primary";
+  var variant = size === "regular" ? "Body 2" : "Caption 1";
+  return /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
+    as: "label",
+    className: (0, _classnames.default)("c-form-label", className),
+    variant: variant,
+    color: color,
+    weight: "bold",
+    ref: ref
+  }, props), children, required ? "*" : null);
+});
+exports.FormLabel = FormLabel;
+FormLabel.displayName = "FormLabel";
+//# sourceMappingURL=FormLabel.js.map

package/dist/cjs/components/FormLabel/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"names":["FormLabel","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,SAAS,gBAAG,uBAKvB,gBAEEC,GAFF,EAGK;AAAA,0BAFDC,OAEC;AAAA,MAFDA,OAEC,6BAFS,KAET;AAAA,2BAFgBC,QAEhB;AAAA,MAFgBA,QAEhB,8BAF2B,KAE3B;AAAA,MAFkCC,IAElC,QAFkCA,IAElC;AAAA,MAFwCC,QAExC,QAFwCA,QAExC;AAAA,MAFkDC,SAElD,QAFkDA,SAElD;AAAA,MAFgEC,KAEhE;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,cAAX,EAA2BE,SAA3B,CAFb;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CA1BsB,CAAlB;;AA6BPH,SAAS,CAACU,WAAV,GAAwB,WAAxB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface IBodyProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const FormLabel = forwardRef<\n  HTMLLabelElement,\n  IBodyProps &\n    Omit<ITypographyProps, keyof IBodyProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    { invalid = false, required = false, size, children, className, ...props },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-form-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nFormLabel.displayName = \"FormLabel\";\n"],"file":"FormLabel.js"}

package/dist/esm/components/FormLabel/FormLabel.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ITypographyProps } from "../Typography/Typography";
+interface IBodyProps {
+    invalid?: boolean;
+    required?: boolean;
+    size?: "regular" | "small";
+}
+export declare const FormLabel: React.ForwardRefExoticComponent<IBodyProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof IBodyProps> & React.RefAttributes<HTMLLabelElement>>;
+export {};
+//# sourceMappingURL=FormLabel.d.ts.map

package/dist/esm/components/FormLabel/FormLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,iKA2BrB,CAAC"}

package/dist/esm/components/FormLabel/FormLabel.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["invalid", "required", "size", "children", "className"];
+import classNames from "classnames";
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography/Typography";
+export var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      size = _ref.size,
+      children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var color = invalid ? "alert" : "primary";
+  var variant = size === "regular" ? "Body 2" : "Caption 1";
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    as: "label",
+    className: classNames("c-form-label", className),
+    variant: variant,
+    color: color,
+    weight: "bold",
+    ref: ref
+  }, props), children, required ? "*" : null);
+});
+FormLabel.displayName = "FormLabel";
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"names":["classNames","React","forwardRef","Typography","FormLabel","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,SAAS,gBAAGF,UAAU,CAKjC,gBAEEG,GAFF,EAGK;AAAA,0BAFDC,OAEC;AAAA,MAFDA,OAEC,6BAFS,KAET;AAAA,2BAFgBC,QAEhB;AAAA,MAFgBA,QAEhB,8BAF2B,KAE3B;AAAA,MAFkCC,IAElC,QAFkCA,IAElC;AAAA,MAFwCC,QAExC,QAFwCA,QAExC;AAAA,MAFkDC,SAElD,QAFkDA,SAElD;AAAA,MAFgEC,KAEhE;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,cAAD,EAAiBU,SAAjB,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CA1BgC,CAA5B;AA6BPH,SAAS,CAACU,WAAV,GAAwB,WAAxB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface IBodyProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const FormLabel = forwardRef<\n  HTMLLabelElement,\n  IBodyProps &\n    Omit<ITypographyProps, keyof IBodyProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    { invalid = false, required = false, size, children, className, ...props },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-form-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nFormLabel.displayName = \"FormLabel\";\n"],"file":"FormLabel.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "1.0.56",
+  "version": "1.0.57",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",