@spscommerce/ds-react 5.20.2 → 5.20.3-ie

package/dist/out-tsc/datetime/SpsDateTime.js

@@ -0,0 +1,194 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import "moment/locale/en-au";
+import "moment/locale/en-ca";
+import "moment/locale/en-ie";
+import "moment/locale/en-gb";
+import "moment/locale/fr-ca";
+import "moment/locale/fr";
+import "moment/locale/es";
+import "moment/locale/zh-cn";
+import "moment/locale/zh-tw";
+import moment from "moment-timezone";
+import * as PropTypes from "../prop-types";
+var currentLocale = moment.locale();
+var currentlyLoadedLocales = moment.locales();
+if (currentlyLoadedLocales.indexOf("en-US") === -1) {
+    moment.defineLocale("en-US", {
+        parentLocale: "en",
+        longDateFormat: {
+            LT: "h:mm A",
+            LTS: "h:mm:ss A",
+            L: "MM/DD/YYYY",
+            LL: "MMMM D, YYYY",
+            LLL: "MMMM D, YYYY @ LT",
+            LLLL: "dddd MMMM D, YYYY @ LT",
+        },
+    });
+}
+/**
+ * TODO: check about these longDateFormat objects that are missing
+ * properties on the moment.LongDateFormatSpec interface
+ */
+if (currentlyLoadedLocales.indexOf("en-US24") === -1) {
+    moment.defineLocale("en-US24", {
+        parentLocale: "en-US",
+        longDateFormat: {
+            LT: "HH:mm",
+            LTS: "HH:mm:ss",
+        },
+    });
+}
+if (currentlyLoadedLocales.indexOf("en-PH") === -1) {
+    // using tl-ph.js as a primary reference
+    moment.defineLocale("en-PH", {
+        parentLocale: "en-GB",
+    });
+    moment.updateLocale("en-PH", {
+        longDateFormat: {
+            LT: "h:mm A",
+            LTS: "h:mm:ss A",
+        },
+    });
+}
+if (currentlyLoadedLocales.indexOf("en-IN") === -1) {
+    // using pa-IN.js as a primary reference
+    moment.defineLocale("en-IN", {
+        parentLocale: "en-GB",
+    });
+    moment.updateLocale("en-IN", {
+        longDateFormat: {
+            LT: "h:mm A",
+            LTS: "h:mm:ss A",
+            ll: "D-MMM-YYYY",
+        },
+    });
+}
+if (currentlyLoadedLocales.indexOf("en-SG") === -1) {
+    moment.defineLocale("en-SG", {
+        parentLocale: "en-IN",
+    });
+    moment.updateLocale("en-SG", {
+        longDateFormat: {
+            ll: "D MMM YYYY",
+        },
+    });
+}
+if (currentlyLoadedLocales.indexOf("en-HK") === -1) {
+    moment.defineLocale("en-HK", {
+        parentLocale: "en-GB",
+    });
+}
+moment.locale(currentLocale);
+var formatMaps = {
+    ISO_8601: "ISO_8601",
+    ISO_8601_UTC: "ISO_8601_UTC",
+    SHORT_TIME: "LT",
+    SHORT_TIME_ZONE: "LT z",
+    LONG_TIME: "LTS",
+    LONG_TIME_ZONE: "LTS z",
+    NUM_DATE: "L",
+    SHORT_DATE: "ll",
+    LONG_DATE: "LL",
+    SHORT_DATETIME: "lll",
+    SHORT_DATETIME_ZONE: "lll z",
+    LONG_DATETIME: "LLL",
+    LONG_DATETIME_ZONE: "LLL z",
+    SHORT_FULLDATETIME: "llll",
+    SHORT_FULLDATETIME_ZONE: "llll z",
+    LONG_FULLDATETIME: "LLLL",
+    LONG_FULLDATETIME_ZONE: "LLLL z", // Monday February 29, 2016 3:03 PM CST
+};
+var propsDoc = {
+    currentUser: "any",
+    dateToFormat: "string | Date",
+    format: "string",
+    locale: "string",
+    relative: "boolean",
+    relativeHrs: "number",
+    tz: "string",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { currentUser: PropTypes.any, dateToFormat: PropTypes.oneOfType([
+        PropTypes.string, PropTypes.instanceOf(Date),
+    ]), format: PropTypes.string, locale: PropTypes.string, relative: PropTypes.bool, relativeHrs: PropTypes.number, tz: PropTypes.string });
+/*
+ * determine if relative formatting should be used
+ * based on a diff of relativeHrs
+ * TODO: this has only been teste with dates in the past
+ */
+function showRelative(dateToCheck, relative, relativeHrs) {
+    if (!relativeHrs && !relative) {
+        return false;
+    }
+    if (relative) {
+        return true;
+    }
+    var targetDate = moment(dateToCheck);
+    var diff = moment().diff(targetDate, "hours");
+    return diff < relativeHrs;
+}
+// use moment and available props to determine how to format date
+function getDate(_a) {
+    var _b = _a.locale, locale = _b === void 0 ? window.navigator.language : _b, _c = _a.tz, tz = _c === void 0 ? moment.tz.guess() : _c, dateToFormat = _a.dateToFormat, format = _a.format, currentUser = _a.currentUser, relative = _a.relative, relativeHrs = _a.relativeHrs, children = _a.children;
+    var theTimezone = tz;
+    var theLocale = locale;
+    if (currentUser && currentUser.preferences) {
+        theTimezone = theTimezone || currentUser.preferences.timezone;
+        theLocale = theLocale || currentUser.preferences.locale;
+    }
+    var formatString = format
+        ? formatMaps[format]
+        : "lll";
+    var date = dateToFormat || String(children);
+    var momentDate = moment(date);
+    momentDate.locale(theLocale);
+    // check to see if date is valid
+    if (!momentDate.isValid()) {
+        throw new Error("invalid date");
+    }
+    momentDate.tz(theTimezone);
+    if (showRelative(date, relative, relativeHrs)) {
+        return momentDate.fromNow();
+    }
+    return momentDate.format(formatString);
+}
+export function SpsDateTime(props) {
+    var dateToFormat = props.dateToFormat, locale = props.locale, tz = props.tz, format = props.format, currentUser = props.currentUser, relative = props.relative, relativeHrs = props.relativeHrs, children = props.children, rest = __rest(props, ["dateToFormat", "locale", "tz", "format", "currentUser", "relative", "relativeHrs", "children"]);
+    return (React.createElement("span", __assign({ className: "sps-datetime" }, rest), getDate({
+        locale: locale,
+        tz: tz,
+        dateToFormat: dateToFormat,
+        format: format,
+        currentUser: currentUser,
+        relative: relative,
+        relativeHrs: relativeHrs,
+        children: children,
+    })));
+}
+Object.assign(SpsDateTime, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDateTime",
+});
+//# sourceMappingURL=SpsDateTime.js.map

package/dist/out-tsc/datetime/SpsDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsDateTime.js","sourceRoot":"","sources":["../../../src/datetime/SpsDateTime.tsx"],"names":[],"mappings":"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"}

package/dist/out-tsc/datetime/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsDateTime";
+export * from "./SpsDateTime.examples";

package/dist/out-tsc/datetime/index.js

@@ -0,0 +1,3 @@
+export * from "./SpsDateTime";
+export * from "./SpsDateTime.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/datetime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/datetime/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

package/dist/out-tsc/description-list/SpsDescriptionList.d.ts

@@ -0,0 +1,14 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    compact: PropTypes.Requireable<boolean>;
+    wideTerms: PropTypes.Requireable<boolean>;
+    widerTerms: PropTypes.Requireable<boolean>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsDescriptionListProps = PropTypes.InferTS<typeof propTypes, HTMLDListElement>;
+export declare function SpsDescriptionList(props: SpsDescriptionListProps): JSX.Element;
+export declare function SpsDl(p: SpsDescriptionListProps): JSX.Element;
+export {};

package/dist/out-tsc/description-list/SpsDescriptionList.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsDescriptionListExamples: DSReactExamples;

package/dist/out-tsc/description-list/SpsDescriptionList.examples.js

@@ -0,0 +1,47 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsDescriptionListExamples = {
+    basic: {
+        label: "Basic Description List",
+        examples: {
+            basic: {
+                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    <SpsDl>\n                        <SpsDt>Term 1</SpsDt>\n                        <SpsDd>Definition</SpsDd>\n                        <SpsDt>Term</SpsDt>\n                        <SpsDd>Definition</SpsDd>\n                        <SpsDt>\n                            Term that wraps to the next line cause it's got so dang much text in it.\n                        </SpsDt>\n                        <SpsDd>Definition</SpsDd>\n                        <SpsDt>Term</SpsDt>\n                        <SpsDd>\n                            Definition that has a LOOOOOOOOOOT of text in it.\n                            Definition that has a LOOOOOOOOOOT of text in it.\n                        </SpsDd>\n                    </SpsDl>\n                "], ["\n                    <SpsDl>\n                        <SpsDt>Term 1</SpsDt>\n                        <SpsDd>Definition</SpsDd>\n                        <SpsDt>Term</SpsDt>\n                        <SpsDd>Definition</SpsDd>\n                        <SpsDt>\n                            Term that wraps to the next line cause it's got so dang much text in it.\n                        </SpsDt>\n                        <SpsDd>Definition</SpsDd>\n                        <SpsDt>Term</SpsDt>\n                        <SpsDd>\n                            Definition that has a LOOOOOOOOOOT of text in it.\n                            Definition that has a LOOOOOOOOOOT of text in it.\n                        </SpsDd>\n                    </SpsDl>\n                "]))),
+            },
+            dynamic: {
+                react: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    function DemoComponent() {\n                        const list = [\n                            { term: \"Term 1\", definition: \"Definition 1\" },\n                            { term: \"Term 2\", definition: \"Definition 2\" },\n                            { term: \"Term 3\", definition: \"Definition 3\" },\n                        ];\n\n                        return (\n                            <SpsDl>\n                                {list.map((item, i) => (\n                                    <React.Fragment>\n                                        <SpsDt>{item.term}</SpsDt>\n                                        <SpsDd>{item.definition}</SpsDd>\n                                    </React.Fragment>\n                                ))}\n                            </SpsDl>\n                        );\n                    }\n                "], ["\n                    function DemoComponent() {\n                        const list = [\n                            { term: \"Term 1\", definition: \"Definition 1\" },\n                            { term: \"Term 2\", definition: \"Definition 2\" },\n                            { term: \"Term 3\", definition: \"Definition 3\" },\n                        ];\n\n                        return (\n                            <SpsDl>\n                                {list.map((item, i) => (\n                                    <React.Fragment>\n                                        <SpsDt>{item.term}</SpsDt>\n                                        <SpsDd>{item.definition}</SpsDd>\n                                    </React.Fragment>\n                                ))}\n                            </SpsDl>\n                        );\n                    }\n                "]))),
+            },
+        },
+    },
+    b_advanced: {
+        label: "Advanced Description List",
+        examples: {
+            advanced: {
+                react: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                function DemoComponent() {\n                    const { formValue, formMeta, updateForm } = useSpsForm({\n                        firstName: \"\",\n                        lastName: \"\",\n                        title: \"\",\n                        accomplishments: \"\"\n                      }, {\n                        \"lastName\": [SpsValidators.required]\n                      })\n\n                    React.useEffect(() => {\n                      // Make the error state visible for this demo\n                      formMeta.fields.lastName.markAsDirty()\n                    }, [])\n\n                    return (\n                      <SpsCard>\n                        <SpsForm formMeta={formMeta}>\n                          <SpsDl>\n                            <SpsDt id=\"firstNameLabel\" labelFor={formMeta.fields.firstName}>\n                              First Name\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextInput\n                                aria-labelledby=\"firstNameLabel\"\n                                value={formValue.firstName}\n                                formMeta={formMeta.fields.firstName}\n                              />\n                            </SpsDd>\n                            <SpsDt\n                              id=\"lastNameLabel\"\n                              labelFor={formMeta.fields.lastName}\n                              errors={() =>\n                                formMeta.fields.lastName.hasError(\"required\") &&\n                                \"Please enter a last name.\"\n                              }\n                            >\n                              Last Name\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextInput\n                                aria-labelledby=\"lastNameLabel\"\n                                value={formValue.lastName}\n                                formMeta={formMeta.fields.lastName}\n                              />\n                            </SpsDd>\n                            <SpsDt id=\"titleLabel\" labelFor={formMeta.fields.title}>\n                              Title\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextInput\n                                aria-labelledby=\"titleLabel\"\n                                value={formValue.title}\n                                formMeta={formMeta.fields.title}\n                              />\n                            </SpsDd>\n                            <SpsDt\n                              id=\"accomplishmentsLabel\"\n                              labelFor={formMeta.fields.accomplishments}\n                              help=\"If they haven't achieved anything, make stuff up.\"\n                            >\n                              Top 5 Greatest Accomplishments\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextarea\n                                rows={3}\n                                value={formValue.accomplishments}\n                                formMeta={formMeta.fields.accomplishments}\n                                aria-labelledby=\"accomplishmentsLabel\"\n                              />\n                            </SpsDd>\n                          </SpsDl>\n                        </SpsForm>\n                      </SpsCard>\n                    )\n                  }\n                "], ["\n                function DemoComponent() {\n                    const { formValue, formMeta, updateForm } = useSpsForm({\n                        firstName: \"\",\n                        lastName: \"\",\n                        title: \"\",\n                        accomplishments: \"\"\n                      }, {\n                        \"lastName\": [SpsValidators.required]\n                      })\n\n                    React.useEffect(() => {\n                      // Make the error state visible for this demo\n                      formMeta.fields.lastName.markAsDirty()\n                    }, [])\n\n                    return (\n                      <SpsCard>\n                        <SpsForm formMeta={formMeta}>\n                          <SpsDl>\n                            <SpsDt id=\"firstNameLabel\" labelFor={formMeta.fields.firstName}>\n                              First Name\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextInput\n                                aria-labelledby=\"firstNameLabel\"\n                                value={formValue.firstName}\n                                formMeta={formMeta.fields.firstName}\n                              />\n                            </SpsDd>\n                            <SpsDt\n                              id=\"lastNameLabel\"\n                              labelFor={formMeta.fields.lastName}\n                              errors={() =>\n                                formMeta.fields.lastName.hasError(\"required\") &&\n                                \"Please enter a last name.\"\n                              }\n                            >\n                              Last Name\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextInput\n                                aria-labelledby=\"lastNameLabel\"\n                                value={formValue.lastName}\n                                formMeta={formMeta.fields.lastName}\n                              />\n                            </SpsDd>\n                            <SpsDt id=\"titleLabel\" labelFor={formMeta.fields.title}>\n                              Title\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextInput\n                                aria-labelledby=\"titleLabel\"\n                                value={formValue.title}\n                                formMeta={formMeta.fields.title}\n                              />\n                            </SpsDd>\n                            <SpsDt\n                              id=\"accomplishmentsLabel\"\n                              labelFor={formMeta.fields.accomplishments}\n                              help=\"If they haven't achieved anything, make stuff up.\"\n                            >\n                              Top 5 Greatest Accomplishments\n                            </SpsDt>\n                            <SpsDd>\n                              <SpsTextarea\n                                rows={3}\n                                value={formValue.accomplishments}\n                                formMeta={formMeta.fields.accomplishments}\n                                aria-labelledby=\"accomplishmentsLabel\"\n                              />\n                            </SpsDd>\n                          </SpsDl>\n                        </SpsForm>\n                      </SpsCard>\n                    )\n                  }\n                "]))),
+            },
+        },
+    },
+    c_compact: {
+        label: "Compact Description List",
+        examples: {
+            compact: {
+                jsx: code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                    <SpsDl compact>\n                      <SpsDt>Term 1</SpsDt>\n                      <SpsDd>Definition</SpsDd>\n                      <SpsDt>Term</SpsDt>\n                      <SpsDd>Definition</SpsDd>\n                      <SpsDt>Term that wraps to the next line cause it's got so dang much text in it.</SpsDt>\n                      <SpsDd>Definition</SpsDd>\n                      <SpsDt>Term</SpsDt>\n                      <SpsDd>Definition that has a LOOOOOOOOOOT of text in it. Definition that has a LOOOOOOOOOOT of text in it.\n                      </SpsDd>\n                    </SpsDl>\n                "], ["\n                    <SpsDl compact>\n                      <SpsDt>Term 1</SpsDt>\n                      <SpsDd>Definition</SpsDd>\n                      <SpsDt>Term</SpsDt>\n                      <SpsDd>Definition</SpsDd>\n                      <SpsDt>Term that wraps to the next line cause it's got so dang much text in it.</SpsDt>\n                      <SpsDd>Definition</SpsDd>\n                      <SpsDt>Term</SpsDt>\n                      <SpsDd>Definition that has a LOOOOOOOOOOT of text in it. Definition that has a LOOOOOOOOOOT of text in it.\n                      </SpsDd>\n                    </SpsDl>\n                "]))),
+            },
+        },
+    },
+    d_columnWidths: {
+        label: "Alternate Column Widths",
+        examples: {
+            wideTerms: {
+                jsx: code(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                    <SpsDl wideTerms>\n                     <SpsDt>Term 1</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term that wraps to the next line cause it's got so dang much text in it.</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                    </SpsDl>\n                "], ["\n                    <SpsDl wideTerms>\n                     <SpsDt>Term 1</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term that wraps to the next line cause it's got so dang much text in it.</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                    </SpsDl>\n                "]))),
+            },
+            widerTerms: {
+                jsx: code(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                    <SpsDl widerTerms>\n                     <SpsDt>Term 1</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term that wraps to the next line cause it's got so dang much text in it.</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                    </SpsDl>\n                "], ["\n                    <SpsDl widerTerms>\n                     <SpsDt>Term 1</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                     <SpsDt>Term that wraps to the next line cause it's got so dang much text in it.</SpsDt>\n                     <SpsDd>Definition</SpsDd>\n                    </SpsDl>\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=SpsDescriptionList.examples.js.map

package/dist/out-tsc/description-list/SpsDescriptionList.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsDescriptionList.examples.js","sourceRoot":"","sources":["../../../src/description-list/SpsDescriptionList.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,0BAA0B,GAAoB;IACzD,KAAK,EAAE;QACL,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,8zBAAA,2vBAgBA,IAAA;aACV;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,07BAAA,u3BAmBF,IAAA;aACV;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,2BAA2B;QAClC,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,KAAK,EAAE,IAAI,imHAAA,8hHA6EF,IAAA;aACV;SACF;KACF;IACD,SAAS,EAAE;QACT,KAAK,EAAE,0BAA0B;QACjC,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,GAAG,EAAE,IAAI,isBAAA,8nBAYA,IAAA;aACV;SACF;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,GAAG,EAAE,IAAI,gfAAA,6aASA,IAAA;aACV;YACD,UAAU,EAAE;gBACV,GAAG,EAAE,IAAI,ifAAA,8aASA,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/description-list/SpsDescriptionList.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    compact: "boolean",
+    wideTerms: "boolean",
+    widerTerms: "boolean",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { compact: PropTypes.bool, wideTerms: PropTypes.bool, widerTerms: PropTypes.bool });
+export function SpsDescriptionList(props) {
+    var children = props.children, className = props.className, _a = props.compact, compact = _a === void 0 ? false : _a, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, _b = props.wideTerms, wideTerms = _b === void 0 ? false : _b, _c = props.widerTerms, widerTerms = _c === void 0 ? false : _c, rest = __rest(props, ["children", "className", "compact", "data-testid", "unsafelyReplaceClassName", "wideTerms", "widerTerms"]);
+    /** holy shit this is awful. TODO: fix this garbage */
+    var childrenWithProps = React.Children.map(children, function (child, index) {
+        if (!(child.type.toString() === React.Fragment.toString())) {
+            var rowIndex = parseInt("" + index / 2, 10) + 1;
+            return React.cloneElement(child, {
+                style: __assign(__assign({}, child.props.style), { msGridRow: rowIndex }),
+            });
+        }
+        // During dynamic dt and dt creation they will be received in Fragment.
+        var nestedChildrens = child.props.children;
+        var fragmentChildrens = React.Children.map(nestedChildrens, function (chld) { return React.cloneElement(chld, {
+            style: __assign(__assign({}, chld.props.style), { msGridRow: index + 1 }),
+        }); });
+        return fragmentChildrens;
+    });
+    var classes = clsx(unsafelyReplaceClassName || "sps-description-list", compact && "sps-description-list--compact", wideTerms && "sps-description-list--wide-terms", widerTerms && "sps-description-list--wider-terms", className);
+    return (React.createElement("dl", __assign({ className: classes, "data-testid": "" + testId }, rest), childrenWithProps));
+}
+Object.assign(SpsDescriptionList, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionList / SpsDl",
+});
+export function SpsDl(p) {
+    return SpsDescriptionList(p);
+}
+Object.assign(SpsDl, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionList / SpsDl",
+});
+//# sourceMappingURL=SpsDescriptionList.js.map

package/dist/out-tsc/description-list/SpsDescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsDescriptionList.js","sourceRoot":"","sources":["../../../src/description-list/SpsDescriptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,OAAO,EAAE,SAAS,CAAC,IAAI,EACvB,SAAS,EAAE,SAAS,CAAC,IAAI,EACzB,UAAU,EAAE,SAAS,CAAC,IAAI,GAC3B,CAAC;AAIF,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAE7D,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,SAAS,GAOP,KAAK,UAPE,EACT,KAME,KAAK,QANQ,EAAf,OAAO,mBAAG,KAAK,KAAA,EACA,MAAM,GAKnB,KAAK,eALc,EACrB,wBAAwB,GAItB,KAAK,yBAJiB,EACxB,KAGE,KAAK,UAHU,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAEE,KAAK,WAFW,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,IAAI,UACL,KAAK,EATH,0GASL,CADQ,CACC;IAEV,sDAAsD;IACtD,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAU,EAAE,KAAK;QACvE,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE;YAC1D,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAG,KAAK,GAAG,CAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;YAClD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,KAAK,wBAAO,KAAK,CAAC,KAAK,CAAC,KAAK,KAAE,SAAS,EAAE,QAAQ,GAAE;aACrD,CAAC,CAAC;SACJ;QACD,uEAAuE;QACvE,IAAM,eAAe,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7C,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAC1C,eAAe,EACf,UAAC,IAAI,IAAK,OAAA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YACjC,KAAK,wBAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAE,SAAS,EAAE,KAAK,GAAG,CAAC,GAAE;SACrD,CAAC,EAFQ,CAER,CACH,CAAC;QACF,OAAO,iBAAiB,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,sBAAsB,EAClD,OAAO,IAAI,+BAA+B,EAC1C,SAAS,IAAI,kCAAkC,EAC/C,UAAU,IAAI,mCAAmC,EACjD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,qCAAI,SAAS,EAAE,OAAO,iBAAe,KAAG,MAAQ,IAAM,IAAI,GACvD,iBAAiB,CACf,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE;IAChC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,4BAA4B;CAC1C,CAAC,CAAC;AAEH,MAAM,UAAU,KAAK,CAAC,CAA0B;IAC9C,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACnB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,4BAA4B;CAC1C,CAAC,CAAC"}

package/dist/out-tsc/description-list/SpsDescriptionListDefinition.d.ts

@@ -0,0 +1,11 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsDescriptionListDefinitionProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare function SpsDescriptionListDefinition(props: SpsDescriptionListDefinitionProps): JSX.Element;
+export declare function SpsDd(p: SpsDescriptionListDefinitionProps): JSX.Element;
+export {};

package/dist/out-tsc/description-list/SpsDescriptionListDefinition.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {};
+var propTypes = __assign({}, PropTypes.spsGlobalPropTypes);
+export function SpsDescriptionListDefinition(props) {
+    var children = props.children, className = props.className, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-description-list__definition", className);
+    return (React.createElement("dd", __assign({ className: classes, "data-testid": "" + testId }, rest), children));
+}
+Object.assign(SpsDescriptionListDefinition, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionListDefinition / SpsDd",
+});
+export function SpsDd(p) {
+    return SpsDescriptionListDefinition(p);
+}
+Object.assign(SpsDd, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionListDefinition / SpsDd",
+});
+//# sourceMappingURL=SpsDescriptionListDefinition.js.map

package/dist/out-tsc/description-list/SpsDescriptionListDefinition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsDescriptionListDefinition.js","sourceRoot":"","sources":["../../../src/description-list/SpsDescriptionListDefinition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,IAAM,SAAS,gBACV,SAAS,CAAC,kBAAkB,CAChC,CAAC;AAIF,MAAM,UAAU,4BAA4B,CAAC,KAAwC;IAEjF,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,SAAS,GAIP,KAAK,UAJE,EACM,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EANH,oEAML,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,kCAAkC,EAC9D,SAAS,CACV,CAAC;IAEF,OAAO,CACL,qCAAI,SAAS,EAAE,OAAO,iBAAe,KAAG,MAAQ,IAAM,IAAI,GACvD,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,4BAA4B,EAAE;IAC1C,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,sCAAsC;CACpD,CAAC,CAAC;AAEH,MAAM,UAAU,KAAK,CAAC,CAAoC;IACxD,OAAO,4BAA4B,CAAC,CAAC,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACnB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,sCAAsC;CACpD,CAAC,CAAC"}

package/dist/out-tsc/description-list/SpsDescriptionListTerm.d.ts

@@ -0,0 +1,18 @@
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    error: PropTypes.Requireable<boolean>;
+    errors: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    help: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    labelFor: PropTypes.Requireable<SpsFormFieldMeta<any> | SpsFormControl<any>>;
+    required: PropTypes.Requireable<boolean>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsDescriptionListTermProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare function SpsDescriptionListTerm(props: SpsDescriptionListTermProps): JSX.Element;
+export declare function SpsDt(p: SpsDescriptionListTermProps): JSX.Element;
+export {};

package/dist/out-tsc/description-list/SpsDescriptionListTerm.js

@@ -0,0 +1,92 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { TooltipKind, TooltipShowTrigger } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { SpsTooltip, TooltipVisibility } from "../tooltip/SpsTooltip";
+import { contentOf } from "../utils/contentOf";
+var propsDoc = {
+    error: "boolean",
+    errors: "ReactNodeOrRenderFn",
+    help: "ReactNodeOrRenderFn",
+    labelFor: "SpsFormFieldMeta<any>",
+    required: "boolean",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { error: PropTypes.bool, errors: PropTypes.nodeOrRenderFn, help: PropTypes.nodeOrRenderFn, labelFor: PropTypes.oneOfType([
+        PropTypes.impl(), PropTypes.impl(),
+    ]), required: PropTypes.bool });
+export function SpsDescriptionListTerm(props) {
+    var children = props.children, className = props.className, error = props.error, errors = props.errors, help = props.help, formControl = props.labelFor, required = props.required, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "error", "errors", "help", "labelFor", "required", "data-testid", "unsafelyReplaceClassName"]);
+    function shouldShowErrorState() {
+        return formControl && !formControl.isPristine() && !formControl.isValid();
+    }
+    var dtElement = React.useRef();
+    var _a = __read(React.useState(), 2), tipKind = _a[0], setTipKind = _a[1];
+    var _b = __read(React.useState(TooltipVisibility.HIDDEN), 2), showTip = _b[0], setShowTip = _b[1];
+    React.useEffect(function () {
+        setTipKind(shouldShowErrorState() ? TooltipKind.ERROR : TooltipKind.HELP);
+    });
+    if (formControl) {
+        formControl.onFocus = function () { return setShowTip(TooltipVisibility.VISIBLE); };
+        formControl.onBlur = function () { return setShowTip(TooltipVisibility.HIDDEN); };
+    }
+    var classes = clsx(unsafelyReplaceClassName || "sps-description-list__term", (required || (formControl && formControl.isRequired())) && "sps-description-list__term--required", (error || shouldShowErrorState()) && "sps-description-list__term--error", className);
+    function toggle() {
+        setShowTip(showTip === TooltipVisibility.VISIBLE
+            ? TooltipVisibility.HIDDEN : TooltipVisibility.VISIBLE);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("dt", __assign({ className: classes, "data-testid": "" + testId, ref: dtElement, onMouseEnter: function () { return setShowTip(TooltipVisibility.VISIBLE); }, onMouseLeave: function () { return setShowTip(TooltipVisibility.DELAYED_HIDDEN); }, onClick: toggle }, rest), children),
+        React.createElement(SpsTooltip, { kind: tipKind, for: dtElement, showOn: TooltipShowTrigger.MANUAL, isShown: showTip }, contentOf(tipKind === TooltipKind.ERROR ? errors : help))));
+}
+Object.assign(SpsDescriptionListTerm, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionListTerm / SpsDt",
+});
+export function SpsDt(p) {
+    return SpsDescriptionListTerm(p);
+}
+Object.assign(SpsDt, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsDescriptionListTerm / SpsDt",
+});
+//# sourceMappingURL=SpsDescriptionListTerm.js.map

package/dist/out-tsc/description-list/SpsDescriptionListTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsDescriptionListTerm.js","sourceRoot":"","sources":["../../../src/description-list/SpsDescriptionListTerm.tsx"],"names":[],"mappings":"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"}

package/dist/out-tsc/description-list/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SpsDescriptionList";
+export * from "./SpsDescriptionListTerm";
+export * from "./SpsDescriptionListDefinition";
+export * from "./SpsDescriptionList.examples";

package/dist/out-tsc/description-list/index.js

@@ -0,0 +1,5 @@
+export * from "./SpsDescriptionList";
+export * from "./SpsDescriptionListTerm";
+export * from "./SpsDescriptionListDefinition";
+export * from "./SpsDescriptionList.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/description-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC"}

package/dist/out-tsc/dropdown/SpsDropdown.d.ts

@@ -0,0 +1,26 @@
+import type { SpsActionDescriptor, SpsActionMethod } from "@spscommerce/ds-shared";
+import { DropdownKind, SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    alignLeft: PropTypes.Requireable<boolean>;
+    disabled: PropTypes.Requireable<boolean>;
+    icon: PropTypes.Requireable<SpsIcon>;
+    kind: PropTypes.Requireable<DropdownKind>;
+    label: PropTypes.Requireable<string>;
+    options: PropTypes.Validator<(SpsActionMethod | [SpsActionDescriptor, () => void])[]>;
+    spinning: PropTypes.Requireable<boolean>;
+    spinningTitle: PropTypes.Requireable<string>;
+    tallOptionList: PropTypes.Requireable<boolean>;
+    onOpen: PropTypes.Requireable<() => void>;
+    onClose: PropTypes.Requireable<() => void>;
+    loading: PropTypes.Requireable<boolean>;
+    maxHeightOptionListPx: PropTypes.Requireable<number>;
+    maxHeightOptionListRem: PropTypes.Requireable<number>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsDropdownProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsDropdown(props: SpsDropdownProps): JSX.Element;
+export {};

package/dist/out-tsc/dropdown/SpsDropdown.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsDropdownExamples: DSReactExamples;