@planningcenter/tapestry 2.10.2-rc.2 → 2.10.2-rc.3

package/dist/components/textarea/TextArea.d.ts

@@ -0,0 +1,38 @@
+import "./index.css";
+import React, { type TextareaHTMLAttributes } from "react";
+export type TextAreaResize = "auto" | "none" | "vertical";
+export type TextAreaSize = "lg" | "md";
+interface TextAreaBaseProps {
+    /** Helper text displayed below the field. Styles as error text when `invalid` is true. */
+    description?: string;
+    /** If true, applies error styling to border and description. */
+    invalid?: boolean;
+    /** Controls resize behavior. Defaults to `'vertical'`. */
+    resize?: TextAreaResize;
+    /** Specifies visible height in lines. Defaults to `3`. */
+    rows?: number;
+    /** Controls spacing and font size. Defaults to `'md'`. */
+    size?: TextAreaSize;
+}
+interface TextAreaWithVisibleLabel extends TextAreaBaseProps {
+    /** If true, label is rendered as aria-label instead of visible label */
+    hideLabel?: false;
+    /** Label text displayed above the textarea */
+    label: React.ReactNode;
+}
+interface TextAreaWithHiddenLabel extends TextAreaBaseProps {
+    /** If true, label is rendered as aria-label instead of visible label */
+    hideLabel: true;
+    /** Label text used as aria-label (must be string when hidden) */
+    label: string;
+}
+interface TextAreaWithAriaLabelledBy extends TextAreaBaseProps {
+    "aria-labelledby": string;
+    hideLabel?: never;
+    label?: never;
+}
+export type TextAreaCustomProps = TextAreaWithAriaLabelledBy | TextAreaWithHiddenLabel | TextAreaWithVisibleLabel;
+export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof TextAreaCustomProps | "rows"> & TextAreaCustomProps;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/components/textarea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,OAAO,KAAK,EAAE,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAEtE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEzD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAA;AAEtC,UAAU,iBAAiB;IACzB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,UAAU,wBAAyB,SAAQ,iBAAiB;IAC1D,wEAAwE;IACxE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,8CAA8C;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,wEAAwE;IACxE,SAAS,EAAE,IAAI,CAAA;IACf,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,0BAA2B,SAAQ,iBAAiB;IAC5D,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,MAAM,MAAM,mBAAmB,GAC3B,0BAA0B,GAC1B,uBAAuB,GACvB,wBAAwB,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,mBAAmB,GAAG,MAAM,CACnC,GACC,mBAAmB,CAAA;AAErB,eAAO,MAAM,QAAQ,2FA4DpB,CAAA"}

package/dist/components/textarea/TextArea.js

@@ -0,0 +1,27 @@
+import Icon from '../../utilities/Icon.js';
+import { useId } from '../../utilities/useId.js';
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+
+const TextArea = forwardRef(function TextArea({ "aria-label": ariaLabel, className, description, hideLabel, id, invalid, label, resize = "vertical", rows = 3, size = "md", ...restProps }, ref) {
+    const combinedClassName = classNames("tds-textarea", {
+        "tds-textarea--invalid": invalid,
+        "tds-textarea--lg": size === "lg",
+        "tds-textarea--resize-auto": resize === "auto",
+        "tds-textarea--resize-none": resize === "none",
+        "tds-textarea--resize-vertical": resize === "vertical",
+    }, className);
+    const stableId = useId();
+    const textareaId = id || `tds-textarea-${stableId}`;
+    const descriptionId = description ? `${textareaId}-description` : undefined;
+    return (React.createElement("div", { className: combinedClassName },
+        !hideLabel && label ? (React.createElement("label", { htmlFor: textareaId }, label)) : null,
+        React.createElement("textarea", { ...restProps, "aria-describedby": descriptionId, "aria-invalid": invalid || undefined, "aria-label": hideLabel ? ariaLabel || label : ariaLabel, id: textareaId, ref: ref, rows: rows }),
+        description && (React.createElement("p", { className: "tds-textarea-description", id: descriptionId },
+            React.createElement(Icon, { "aria-hidden": true, className: "tds-textarea-description-invalid-icon", symbol: "general#exclamation-triangle" }),
+            description))));
+});
+TextArea.displayName = "TextArea";
+
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

package/dist/components/textarea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/textarea/TextArea.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport Icon from \"@utilities/Icon\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport React, { forwardRef, type TextareaHTMLAttributes } from \"react\"\n\nexport type TextAreaResize = \"auto\" | \"none\" | \"vertical\"\n\nexport type TextAreaSize = \"lg\" | \"md\"\n\ninterface TextAreaBaseProps {\n  /** Helper text displayed below the field. Styles as error text when `invalid` is true. */\n  description?: string\n  /** If true, applies error styling to border and description. */\n  invalid?: boolean\n  /** Controls resize behavior. Defaults to `'vertical'`. */\n  resize?: TextAreaResize\n  /** Specifies visible height in lines. Defaults to `3`. */\n  rows?: number\n  /** Controls spacing and font size. Defaults to `'md'`. */\n  size?: TextAreaSize\n}\n\ninterface TextAreaWithVisibleLabel extends TextAreaBaseProps {\n  /** If true, label is rendered as aria-label instead of visible label */\n  hideLabel?: false\n  /** Label text displayed above the textarea */\n  label: React.ReactNode\n}\n\ninterface TextAreaWithHiddenLabel extends TextAreaBaseProps {\n  /** If true, label is rendered as aria-label instead of visible label */\n  hideLabel: true\n  /** Label text used as aria-label (must be string when hidden) */\n  label: string\n}\n\ninterface TextAreaWithAriaLabelledBy extends TextAreaBaseProps {\n  \"aria-labelledby\": string\n  hideLabel?: never\n  label?: never\n}\n\nexport type TextAreaCustomProps =\n  | TextAreaWithAriaLabelledBy\n  | TextAreaWithHiddenLabel\n  | TextAreaWithVisibleLabel\n\nexport type TextAreaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  keyof TextAreaCustomProps | \"rows\"\n> &\n  TextAreaCustomProps\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"aria-label\": ariaLabel,\n      className,\n      description,\n      hideLabel,\n      id,\n      invalid,\n      label,\n      resize = \"vertical\",\n      rows = 3,\n      size = \"md\",\n      ...restProps\n    }: TextAreaProps,\n    ref\n  ) {\n    const combinedClassName = classNames(\n      \"tds-textarea\",\n      {\n        \"tds-textarea--invalid\": invalid,\n        \"tds-textarea--lg\": size === \"lg\",\n        \"tds-textarea--resize-auto\": resize === \"auto\",\n        \"tds-textarea--resize-none\": resize === \"none\",\n        \"tds-textarea--resize-vertical\": resize === \"vertical\",\n      },\n      className\n    )\n\n    const stableId = useId()\n    const textareaId = id || `tds-textarea-${stableId}`\n    const descriptionId = description ? `${textareaId}-description` : undefined\n\n    return (\n      <div className={combinedClassName}>\n        {!hideLabel && label ? (\n          <label htmlFor={textareaId}>{label}</label>\n        ) : null}\n        <textarea\n          {...restProps}\n          aria-describedby={descriptionId}\n          aria-invalid={invalid || undefined}\n          aria-label={hideLabel ? ariaLabel || (label as string) : ariaLabel}\n          id={textareaId}\n          ref={ref}\n          rows={rows}\n        />\n        {description && (\n          <p className=\"tds-textarea-description\" id={descriptionId}>\n            <Icon\n              aria-hidden\n              className=\"tds-textarea-description-invalid-icon\"\n              symbol=\"general#exclamation-triangle\"\n            />\n            {description}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n"],"names":[],"mappings":";;;;;AAuDO,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EACE,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,MAAM,GAAG,UAAU,EACnB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,IAAI,EACX,GAAG,SAAS,EACE,EAChB,GAAG,EAAA;AAEH,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAClC,cAAc,EACd;AACE,QAAA,uBAAuB,EAAE,OAAO;QAChC,kBAAkB,EAAE,IAAI,KAAK,IAAI;QACjC,2BAA2B,EAAE,MAAM,KAAK,MAAM;QAC9C,2BAA2B,EAAE,MAAM,KAAK,MAAM;QAC9C,+BAA+B,EAAE,MAAM,KAAK,UAAU;KACvD,EACD,SAAS,CACV;AAED,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE;AACxB,IAAA,MAAM,UAAU,GAAG,EAAE,IAAI,CAAA,aAAA,EAAgB,QAAQ,EAAE;AACnD,IAAA,MAAM,aAAa,GAAG,WAAW,GAAG,CAAA,EAAG,UAAU,CAAA,YAAA,CAAc,GAAG,SAAS;AAE3E,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,EAAA;AAC9B,QAAA,CAAC,SAAS,IAAI,KAAK,IAClB,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,UAAU,IAAG,KAAK,CAAS,IACzC,IAAI;AACR,QAAA,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GACM,SAAS,EAAA,kBAAA,EACK,aAAa,EAAA,cAAA,EACjB,OAAO,IAAI,SAAS,EAAA,YAAA,EACtB,SAAS,GAAG,SAAS,IAAK,KAAgB,GAAG,SAAS,EAClE,EAAE,EAAE,UAAU,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EAAA,CACV;QACD,WAAW,KACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,0BAA0B,EAAC,EAAE,EAAE,aAAa,EAAA;YACvD,KAAA,CAAA,aAAA,CAAC,IAAI,yBAEH,SAAS,EAAC,uCAAuC,EACjD,MAAM,EAAC,8BAA8B,EAAA,CACrC;AACD,YAAA,WAAW,CACV,CACL,CACG;AAEV,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/textarea/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+export type { TextAreaCustomProps, TextAreaProps, TextAreaResize, TextAreaSize, } from "./TextArea";
+export { TextArea } from "./TextArea";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,YAAY,GACb,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}