@purpur/library 10.1.0 → 10.2.0

package/dist/dismissable-chip-group-DMNU7g5e.mjs

@@ -1,94 +0,0 @@
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { useContext as n, createElement as w, createContext as h, useId as G } from "react";
-import { H as y } from "./heading-BG7JTFO1.mjs";
-import { c as b } from "./bind-CU-R61T-.mjs";
-import { r as I } from "./close.es-BPmk2wkU.mjs";
-const g = {
-  "purpur-dismissable-chip-group": "_purpur-dismissable-chip-group_8e4xu_1",
-  "purpur-dismissable-chip-group--negative": "_purpur-dismissable-chip-group--negative_8e4xu_7",
-  "purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-group__container_8e4xu_10",
-  "purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-width_8e4xu_16",
-  "purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-wrapper_8e4xu_19",
-  "purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-item_8e4xu_19",
-  "purpur-dismissable-chip-group__container--sm": "_purpur-dismissable-chip-group__container--sm_8e4xu_25",
-  "purpur-dismissable-chip-group__container--md": "_purpur-dismissable-chip-group__container--md_8e4xu_28",
-  "purpur-dismissable-chip-group-item--sm": "_purpur-dismissable-chip-group-item--sm_8e4xu_44",
-  "purpur-dismissable-chip-group-item--md": "_purpur-dismissable-chip-group-item--md_8e4xu_53",
-  "purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--disabled_8e4xu_62",
-  "purpur-dismissable-chip-group-item--negative": "_purpur-dismissable-chip-group-item--negative_8e4xu_67"
-}, _ = b.bind(g), u = "purpur-dismissable-chip-group-item", x = ({
-  children: o,
-  id: r,
-  onDismiss: t,
-  disabled: i,
-  ...p
-}) => {
-  const s = n(C), m = n($), l = (c) => {
-    i ? c.preventDefault() : t?.(r);
-  };
-  return /* @__PURE__ */ e("li", { className: _(`${u}-wrapper`), children: /* @__PURE__ */ w(
-    "button",
-    {
-      ...p,
-      className: _(`${u}`, {
-        [`${u}--disabled`]: i,
-        [`${u}--negative`]: m,
-        [`${u}--${s}`]: s
-      }),
-      key: r,
-      disabled: i,
-      "aria-disabled": i,
-      onClick: l
-    },
-    o,
-    /* @__PURE__ */ e(I, { size: s === "sm" ? "xs" : "sm" })
-  ) }, r);
-};
-x.displayName = "DismissableChipGroupItem";
-const d = b.bind(g), P = ["sm", "md"], v = "md", C = h(v), $ = h(!1), a = "purpur-dismissable-chip-group", f = ({
-  children: o,
-  className: r,
-  fullWidth: t = !1,
-  negative: i = !1,
-  size: p = v,
-  title: s,
-  headingTag: m,
-  ...l
-}) => {
-  const c = G(), D = d(a, { [`${a}--negative`]: i }, r);
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      ...l,
-      "aria-labelledby": s ? `${c}-label` : void 0,
-      className: D,
-      role: "group",
-      children: [
-        s && /* @__PURE__ */ e(y, { tag: m ?? "h2", variant: "subsection-100", negative: i, children: s }),
-        /* @__PURE__ */ e(
-          "ul",
-          {
-            "data-testid": "dismissable-chip-group-container",
-            className: d(`${a}__container`, {
-              [`${a}__container--full-width`]: t,
-              [`${a}__container--${p}`]: p
-            }),
-            "aria-live": "polite",
-            "aria-relevant": "additions removals",
-            children: /* @__PURE__ */ e($.Provider, { value: i, children: /* @__PURE__ */ e(C.Provider, { value: p, children: o }) })
-          }
-        )
-      ]
-    }
-  );
-};
-f.Item = x;
-f.displayName = "DismissableChipGroup";
-export {
-  v as D,
-  f as a,
-  $ as b,
-  C as c,
-  P as s
-};
-//# sourceMappingURL=dismissable-chip-group-DMNU7g5e.mjs.map

package/dist/dismissable-chip-group-DMNU7g5e.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dismissable-chip-group-DMNU7g5e.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport {\n  DismissableChipGroupNegativeContext,\n  DismissableChipGroupSizeContext,\n} from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const size = useContext(DismissableChipGroupSizeContext);\n  const negative = useContext(DismissableChipGroupNegativeContext);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--negative`]: negative,\n          [`${rootClassName}--${size}`]: size,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size={size === \"sm\" ? \"xs\" : \"sm\"} />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  title?: string;\n  headingTag?: HeadingTagType;\n};\n\nexport const DismissableChipGroupSizeContext = createContext<Size>(DEFAULT_SIZE);\nexport const DismissableChipGroupNegativeContext = createContext(false);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  negative = false,\n  size = DEFAULT_SIZE,\n  title,\n  headingTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx(rootClassName, { [`${rootClassName}--negative`]: negative }, className);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={headingTag ?? \"h2\"} variant=\"subsection-100\" negative={negative}>\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n          [`${rootClassName}__container--${size}`]: size,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        <DismissableChipGroupNegativeContext.Provider value={negative}>\n          <DismissableChipGroupSizeContext.Provider value={size}>\n            {children}\n          </DismissableChipGroupSizeContext.Provider>\n        </DismissableChipGroupNegativeContext.Provider>\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","DismissableChipGroupSizeContext","negative","DismissableChipGroupNegativeContext","handleClick","e","createElement","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","headingTag","useId","classes","jsxs","jsx","Heading"],"mappings":";;;;;;;;;;;;;;;;;;GAWMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAOC,EAAWC,CAA+B,GACjDC,IAAWF,EAAWG,CAAmC,GAEzDC,IAAc,CAACC,MAAqC;AACxD,IAAIR,IACFQ,EAAE,eAAA,IAEFT,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,QAChC,CAAC,GAAGL,CAAa,YAAY,GAAGU;AAAA,QAChC,CAAC,GAAGV,CAAa,KAAKO,CAAI,EAAE,GAAGA;AAAA,MAAA,CAChC;AAAA,MACD,KAAKJ;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASO;AAAA,IAAA;AAAA,IAERV;AAAA,sBACAa,GAAA,EAAU,MAAMR,MAAS,OAAO,OAAO,KAAA,CAAM;AAAA,EAAA,KAdzCJ,CAgBT;AAEJ;AAEAF,EAAyB,cAAc;ACpDvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GAEXiB,IAAQ,CAAC,MAAM,IAAI,GACnBC,IAAe,MAafR,IAAkCS,EAAoBD,CAAY,GAClEN,IAAsCO,EAAc,EAAK,GAEhElB,IAAgB,iCAETmB,IAAuB,CAAC;AAAA,EACnC,UAAAjB;AAAA,EACA,WAAAkB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAX,IAAW;AAAA,EACX,MAAAH,IAAOU;AAAA,EACP,OAAAK;AAAA,EACA,YAAAC;AAAA,EACA,GAAGjB;AACL,MAAiC;AAC/B,QAAMH,IAAKqB,EAAA,GACLC,IAAU5B,EAAGG,GAAe,EAAE,CAAC,GAAGA,CAAa,YAAY,GAAGU,EAAA,GAAYU,CAAS;AAEzF,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGpB;AAAA,MACJ,mBAAiBgB,IAAQ,GAAGnB,CAAE,WAAW;AAAA,MACzC,WAAWsB;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,KACC,gBAAAK,EAACC,KAAQ,KAAKL,KAAc,MAAM,SAAQ,kBAAiB,UAAAb,GACxD,UAAAY,EAAA,CACH;AAAA,QAEF,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW9B,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGqB;AAAA,cAC7C,CAAC,GAAGrB,CAAa,gBAAgBO,CAAI,EAAE,GAAGA;AAAA,YAAA,CAC3C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEd,UAAA,gBAAAoB,EAAChB,EAAoC,UAApC,EAA6C,OAAOD,GACnD,UAAA,gBAAAiB,EAAClB,EAAgC,UAAhC,EAAyC,OAAOF,GAC9C,UAAAL,GACH,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAiB,EAAqB,OAAOlB;AAE5BkB,EAAqB,cAAc;"}