@planningcenter/tapestry 3.1.1-rc.4 → 3.2.0-qa-746.0

package/dist/components/date-picker/DatePicker.d.ts

@@ -0,0 +1,39 @@
+import "./index.css";
+import type { DateValue } from "@internationalized/date";
+import React, { type AriaAttributes } from "react";
+export type DatePickerSize = "md" | "lg";
+export interface DatePickerProps {
+    /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */
+    description?: string;
+    /** Disables the input and calendar button. */
+    disabled?: boolean;
+    /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */
+    hideLabel?: boolean;
+    /** Whether the input is in an invalid state. */
+    invalid?: boolean;
+    /** Accessible label for the field. */
+    label: string;
+    /** Maximum selectable date. */
+    max?: DateValue;
+    /** Minimum selectable date. */
+    min?: DateValue;
+    /** Called when the selected date changes. */
+    onChange?: (value: DateValue | null) => void;
+    /** If `true`, allows the value to be read but not changed. */
+    readOnly?: boolean;
+    /** If `true`, appends an asterisk at the end of the label text. */
+    required?: boolean;
+    /** The size of the date picker. */
+    size?: DatePickerSize;
+    /** The controlled value. */
+    value?: DateValue | null;
+}
+export type DatePickerElementProps = DatePickerProps & Omit<AriaAttributes, keyof DatePickerProps> & {
+    className?: string;
+    id?: string;
+};
+export declare function DatePicker({ className, description, disabled, hideLabel, invalid, label, max, min, onChange, readOnly, required, size, value, ...restProps }: DatePickerElementProps): React.JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGxD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAUlD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAExC,MAAM,WAAW,eAAe;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,+BAA+B;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,IAAI,CAAC,cAAc,EAAE,MAAM,eAAe,CAAC,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,GAAG,SAAS,EACb,EAAE,sBAAsB,qBAgDxB;yBA/De,UAAU"}

package/dist/components/date-picker/DatePicker.js

@@ -0,0 +1,21 @@
+import Icon from '../../utilities/Icon.js';
+import classNames from 'classnames';
+import React__default from 'react';
+import { DatePicker as DatePicker$1, Label, Group, DateInput, DateSegment, Text } from 'react-aria-components';
+
+function DatePicker({ className, description, disabled, hideLabel, invalid, label, max, min, onChange, readOnly, required, size = "md", value, ...restProps }) {
+    const combinedClassName = classNames("tds-date-picker", { "tds-date-picker--lg": size === "lg" }, className);
+    return (React__default.createElement(DatePicker$1, { ...restProps, "aria-label": hideLabel ? label : undefined, className: combinedClassName, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, isRequired: required, maxValue: max ?? undefined, minValue: min ?? undefined, onChange: onChange ?? undefined, value: value },
+        !hideLabel && React__default.createElement(Label, { className: "tds-date-picker-label" }, label),
+        React__default.createElement(Group, { className: "tds-date-picker-field" },
+            React__default.createElement(DateInput, { className: "tds-date-picker-input" }, (segment) => (React__default.createElement(DateSegment, { className: segment.type === "literal"
+                    ? "tds-date-picker-segment-separator"
+                    : "tds-date-picker-segment", segment: segment })))),
+        description && (React__default.createElement(Text, { className: "tds-date-picker-description", slot: "description" },
+            React__default.createElement(Icon, { "aria-hidden": true, className: "tds-date-picker-description-invalid-icon", symbol: "general#exclamation-triangle" }),
+            description))));
+}
+DatePicker.displayName = "DatePicker";
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport type { DateValue } from \"@internationalized/date\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { type AriaAttributes } from \"react\"\nimport {\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DateSegment,\n  Group,\n  Label,\n  Text,\n} from \"react-aria-components\"\n\nexport type DatePickerSize = \"md\" | \"lg\"\n\nexport interface DatePickerProps {\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: string\n  /** Disables the input and calendar button. */\n  disabled?: boolean\n  /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */\n  hideLabel?: boolean\n  /** Whether the input is in an invalid state. */\n  invalid?: boolean\n  /** Accessible label for the field. */\n  label: string\n  /** Maximum selectable date. */\n  max?: DateValue\n  /** Minimum selectable date. */\n  min?: DateValue\n  /** Called when the selected date changes. */\n  onChange?: (value: DateValue | null) => void\n  /** If `true`, allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk at the end of the label text. */\n  required?: boolean\n  /** The size of the date picker. */\n  size?: DatePickerSize\n  /** The controlled value. */\n  value?: DateValue | null\n}\n\nexport type DatePickerElementProps = DatePickerProps &\n  Omit<AriaAttributes, keyof DatePickerProps> & {\n    className?: string\n    id?: string\n  }\n\nexport function DatePicker({\n  className,\n  description,\n  disabled,\n  hideLabel,\n  invalid,\n  label,\n  max,\n  min,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  value,\n  ...restProps\n}: DatePickerElementProps) {\n  const combinedClassName = classNames(\n    \"tds-date-picker\",\n    { \"tds-date-picker--lg\": size === \"lg\" },\n    className\n  )\n\n  return (\n    <AriaDatePicker\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={max ?? undefined}\n      minValue={min ?? undefined}\n      onChange={onChange ?? undefined}\n      value={value}\n    >\n      {!hideLabel && <Label className=\"tds-date-picker-label\">{label}</Label>}\n      <Group className=\"tds-date-picker-field\">\n        <DateInput className=\"tds-date-picker-input\">\n          {(segment) => (\n            <DateSegment\n              className={\n                segment.type === \"literal\"\n                  ? \"tds-date-picker-segment-separator\"\n                  : \"tds-date-picker-segment\"\n              }\n              segment={segment}\n            />\n          )}\n        </DateInput>\n      </Group>\n      {description && (\n        <Text className=\"tds-date-picker-description\" slot=\"description\">\n          <Icon\n            aria-hidden\n            className=\"tds-date-picker-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaDatePicker>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["React","AriaDatePicker"],"mappings":";;;;;AAkDM,SAAU,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,SAAS,EACW,EAAA;AACvB,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAClC,iBAAiB,EACjB,EAAE,qBAAqB,EAAE,IAAI,KAAK,IAAI,EAAE,EACxC,SAAS,CACV;IAED,QACEA,cAAA,CAAA,aAAA,CAACC,YAAc,EAAA,EAAA,GACT,SAAS,EAAA,YAAA,EACD,SAAS,GAAG,KAAK,GAAG,SAAS,EACzC,SAAS,EAAE,iBAAiB,EAC5B,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,GAAG,IAAI,SAAS,EAC1B,QAAQ,EAAE,GAAG,IAAI,SAAS,EAC1B,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,KAAK,EAAE,KAAK,EAAA;QAEX,CAAC,SAAS,IAAID,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAS;AACvE,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA;YACtCA,cAAA,CAAA,aAAA,CAAC,SAAS,IAAC,SAAS,EAAC,uBAAuB,EAAA,EACzC,CAAC,OAAO,MACPA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,SAAS,EACP,OAAO,CAAC,IAAI,KAAK;AACf,sBAAE;sBACA,yBAAyB,EAE/B,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACS,CACN;QACP,WAAW,KACVA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,aAAa,EAAA;YAC9DA,cAAA,CAAA,aAAA,CAAC,IAAI,yBAEH,SAAS,EAAC,0CAA0C,EACpD,MAAM,EAAC,8BAA8B,EAAA,CACrC;AACD,YAAA,WAAW,CACP,CACR,CACc;AAErB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+export type { DatePickerElementProps, DatePickerProps, DatePickerSize, } from "./DatePicker";
+export { DatePicker } from "./DatePicker";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/page-header/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-BG_lBFhW.js';
+import '../../tapestry-wc/dist/components/p-CGNxbMWC.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
 

package/dist/components/sidenav/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-BG_lBFhW.js';
+import '../../tapestry-wc/dist/components/p-CGNxbMWC.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
 import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';