@telegraph/select 0.0.80 → 0.0.81

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @telegraph/select
 
+## 0.0.81
+
+### Patch Changes
+
+- [#679](https://github.com/knocklabs/telegraph/pull/679) [`7111048`](https://github.com/knocklabs/telegraph/commit/71110486996cf8e447f503bf1aef63aeee1a6d4e) Thanks [@kylemcd](https://github.com/kylemcd)! - feat: add defaultValue and defaultScrollToValue, automatically scroll to value on open
+
+- Updated dependencies [[`7111048`](https://github.com/knocklabs/telegraph/commit/71110486996cf8e447f503bf1aef63aeee1a6d4e)]:
+  - @telegraph/combobox@0.1.27
+
 ## 0.0.80
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("@telegraph/combobox"),l=({size:r="1",value:t,onValueChange:n,triggerProps:s,contentProps:b,optionsProps:c,children:i,...x})=>o.jsxs(e.Combobox.Root,{value:t,onValueChange:n,closeOnSelect:!Array.isArray(t),...x,children:[o.jsx(e.Combobox.Trigger,{size:r,...s}),o.jsx(e.Combobox.Content,{...b,children:o.jsx(e.Combobox.Options,{...c,children:i})})]}),m=({value:r,children:t,...n})=>o.jsx(e.Combobox.Option,{value:r,label:t,...n}),j={Root:l,Option:m};exports.Select=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("@telegraph/combobox"),m=({size:t="1",value:e,onValueChange:n,defaultValue:s,triggerProps:b,contentProps:c,optionsProps:i,children:x,...l})=>o.jsxs(r.Combobox.Root,{value:e,onValueChange:n,defaultValue:s,closeOnSelect:!Array.isArray(e)&&!Array.isArray(s),...l,children:[o.jsx(r.Combobox.Trigger,{size:t,...b}),o.jsx(r.Combobox.Content,{...c,children:o.jsx(r.Combobox.Options,{...i,children:x})})]}),j=({value:t,children:e,...n})=>o.jsx(r.Combobox.Option,{value:t,label:e,...n}),y={Root:m,Option:j};exports.Select=y;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype RootProps = TgphComponentProps<typeof Combobox.Root> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n};\nconst Root = ({\n  size = \"1\",\n  value,\n  onValueChange,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Combobox.Root\n      value={value}\n      onValueChange={onValueChange}\n      closeOnSelect={!Array.isArray(value)}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","value","onValueChange","triggerProps","contentProps","optionsProps","children","props","jsxs","Combobox","jsx","Option","Select"],"mappings":"sJAWMA,EAAO,CAAC,CACZ,KAAAC,EAAO,IACP,MAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACC,EAAAA,SAAS,KAAT,CACC,MAAAR,EACA,cAAAC,EACA,cAAe,CAAC,MAAM,QAAQD,CAAK,EAClC,GAAGM,EAEJ,SAAA,CAAAG,EAAAA,IAACD,EAAAA,SAAS,QAAT,CAAiB,KAAAT,EAAa,GAAGG,CAAA,CAAc,EAChDO,EAAAA,IAACD,EAAAA,SAAS,QAAT,CAAkB,GAAGL,EACpB,SAAAM,MAACD,EAAAA,SAAS,QAAT,CAAkB,GAAGJ,EAAe,SAAAC,EAAS,CAAA,CAChD,CAAA,CAAA,CAAA,EAOAK,EAAS,CAAC,CAAE,MAAAV,EAAO,SAAAK,EAAU,GAAGC,KAC7BG,EAAAA,IAACD,EAAAA,SAAS,OAAT,CAAgB,MAAAR,EAAc,MAAOK,EAAW,GAAGC,EAAO,EAG9DK,EAAS,CAAE,KAAAb,EAAM,OAAAY,CAAA"}
+{"version":3,"file":"index.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype RootProps = TgphComponentProps<typeof Combobox.Root> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n};\nconst Root = ({\n  size = \"1\",\n  value,\n  onValueChange,\n  defaultValue,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Combobox.Root\n      value={value}\n      onValueChange={onValueChange}\n      defaultValue={defaultValue}\n      closeOnSelect={!Array.isArray(value) && !Array.isArray(defaultValue)}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","value","onValueChange","defaultValue","triggerProps","contentProps","optionsProps","children","props","jsxs","Combobox","jsx","Option","Select"],"mappings":"sJAWMA,EAAO,CAAC,CACZ,KAAAC,EAAO,IACP,MAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACC,EAAAA,SAAS,KAAT,CACC,MAAAT,EACA,cAAAC,EACA,aAAAC,EACA,cAAe,CAAC,MAAM,QAAQF,CAAK,GAAK,CAAC,MAAM,QAAQE,CAAY,EAClE,GAAGK,EAEJ,SAAA,CAAAG,EAAAA,IAACD,EAAAA,SAAS,QAAT,CAAiB,KAAAV,EAAa,GAAGI,CAAA,CAAc,EAChDO,EAAAA,IAACD,EAAAA,SAAS,QAAT,CAAkB,GAAGL,EACpB,SAAAM,MAACD,EAAAA,SAAS,QAAT,CAAkB,GAAGJ,EAAe,SAAAC,EAAS,CAAA,CAChD,CAAA,CAAA,CAAA,EAOAK,EAAS,CAAC,CAAE,MAAAX,EAAO,SAAAM,EAAU,GAAGC,KAC7BG,EAAAA,IAACD,EAAAA,SAAS,OAAT,CAAgB,MAAAT,EAAc,MAAOM,EAAW,GAAGC,EAAO,EAG9DK,EAAS,CAAE,KAAAd,EAAM,OAAAa,CAAA"}

package/dist/esm/index.mjs

@@ -1,28 +1,30 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { Combobox as o } from "@telegraph/combobox";
-const x = ({
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { Combobox as r } from "@telegraph/combobox";
+const y = ({
   size: n = "1",
-  value: r,
+  value: o,
   onValueChange: e,
-  triggerProps: i,
-  contentProps: s,
-  optionsProps: c,
-  children: l,
-  ...p
-}) => /* @__PURE__ */ m(
-  o.Root,
+  defaultValue: i,
+  triggerProps: s,
+  contentProps: c,
+  optionsProps: p,
+  children: m,
+  ...l
+}) => /* @__PURE__ */ x(
+  r.Root,
   {
-    value: r,
+    value: o,
     onValueChange: e,
-    closeOnSelect: !Array.isArray(r),
-    ...p,
+    defaultValue: i,
+    closeOnSelect: !Array.isArray(o) && !Array.isArray(i),
+    ...l,
     children: [
-      /* @__PURE__ */ t(o.Trigger, { size: n, ...i }),
-      /* @__PURE__ */ t(o.Content, { ...s, children: /* @__PURE__ */ t(o.Options, { ...c, children: l }) })
+      /* @__PURE__ */ t(r.Trigger, { size: n, ...s }),
+      /* @__PURE__ */ t(r.Content, { ...c, children: /* @__PURE__ */ t(r.Options, { ...p, children: m }) })
     ]
   }
-), O = ({ value: n, children: r, ...e }) => /* @__PURE__ */ t(o.Option, { value: n, label: r, ...e }), d = { Root: x, Option: O };
+), A = ({ value: n, children: o, ...e }) => /* @__PURE__ */ t(r.Option, { value: n, label: o, ...e }), a = { Root: y, Option: A };
 export {
-  d as Select
+  a as Select
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype RootProps = TgphComponentProps<typeof Combobox.Root> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n};\nconst Root = ({\n  size = \"1\",\n  value,\n  onValueChange,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Combobox.Root\n      value={value}\n      onValueChange={onValueChange}\n      closeOnSelect={!Array.isArray(value)}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","value","onValueChange","triggerProps","contentProps","optionsProps","children","props","jsxs","Combobox","jsx","Option","Select"],"mappings":";;AAWA,MAAMA,IAAO,CAAC;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACC,OAAAR;AAAA,IACA,eAAAC;AAAA,IACA,eAAe,CAAC,MAAM,QAAQD,CAAK;AAAA,IAClC,GAAGM;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG,EAACD,EAAS,SAAT,EAAiB,MAAAT,GAAa,GAAGG,EAAA,CAAc;AAAA,MAChD,gBAAAO,EAACD,EAAS,SAAT,EAAkB,GAAGL,GACpB,UAAA,gBAAAM,EAACD,EAAS,SAAT,EAAkB,GAAGJ,GAAe,UAAAC,GAAS,EAAA,CAChD;AAAA,IAAA;AAAA,EAAA;AAAA,GAOAK,IAAS,CAAC,EAAE,OAAAV,GAAO,UAAAK,GAAU,GAAGC,QAC7B,gBAAAG,EAACD,EAAS,QAAT,EAAgB,OAAAR,GAAc,OAAOK,GAAW,GAAGC,GAAO,GAG9DK,IAAS,EAAE,MAAAb,GAAM,QAAAY,EAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype RootProps = TgphComponentProps<typeof Combobox.Root> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n};\nconst Root = ({\n  size = \"1\",\n  value,\n  onValueChange,\n  defaultValue,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Combobox.Root\n      value={value}\n      onValueChange={onValueChange}\n      defaultValue={defaultValue}\n      closeOnSelect={!Array.isArray(value) && !Array.isArray(defaultValue)}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","value","onValueChange","defaultValue","triggerProps","contentProps","optionsProps","children","props","jsxs","Combobox","jsx","Option","Select"],"mappings":";;AAWA,MAAMA,IAAO,CAAC;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACC,OAAAT;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAe,CAAC,MAAM,QAAQF,CAAK,KAAK,CAAC,MAAM,QAAQE,CAAY;AAAA,IAClE,GAAGK;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG,EAACD,EAAS,SAAT,EAAiB,MAAAV,GAAa,GAAGI,EAAA,CAAc;AAAA,MAChD,gBAAAO,EAACD,EAAS,SAAT,EAAkB,GAAGL,GACpB,UAAA,gBAAAM,EAACD,EAAS,SAAT,EAAkB,GAAGJ,GAAe,UAAAC,GAAS,EAAA,CAChD;AAAA,IAAA;AAAA,EAAA;AAAA,GAOAK,IAAS,CAAC,EAAE,OAAAX,GAAO,UAAAM,GAAU,GAAGC,QAC7B,gBAAAG,EAACD,EAAS,QAAT,EAAgB,OAAAT,GAAc,OAAOM,GAAW,GAAGC,GAAO,GAG9DK,IAAS,EAAE,MAAAd,GAAM,QAAAa,EAAA;"}

package/dist/types/Select/Select.d.ts

@@ -10,7 +10,7 @@ type RootProps = TgphComponentProps<typeof Combobox.Root> & {
 type OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, "label">;
 declare const Option: ({ value, children, ...props }: OptionProps) => import("react/jsx-runtime").JSX.Element;
 declare const Select: {
-    Root: ({ size, value, onValueChange, triggerProps, contentProps, optionsProps, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ size, value, onValueChange, defaultValue, triggerProps, contentProps, optionsProps, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
     Option: ({ value, children, ...props }: OptionProps) => import("react/jsx-runtime").JSX.Element;
 };
 type SelectProps = RootProps;

package/dist/types/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,MAAM,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAEzD,KAAK,SAAS,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC5D,CAAC;AA0BF,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7E,QAAA,MAAM,MAAM,GAAI,+BAA+B,WAAW,4CAEzD,CAAC;AAEF,QAAA,MAAM,MAAM;yGAtBT,SAAS;4CAkBmC,WAAW;CAI3B,CAAC;AAChC,KAAK,WAAW,GAAG,SAAS,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,MAAM,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAEzD,KAAK,SAAS,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC5D,CAAC;AA4BF,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7E,QAAA,MAAM,MAAM,GAAI,+BAA+B,WAAW,4CAEzD,CAAC;AAEF,QAAA,MAAM,MAAM;uHAvBT,SAAS;4CAmBmC,WAAW;CAI3B,CAAC;AAChC,KAAK,WAAW,GAAG,SAAS,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/select",
-  "version": "0.0.80",
+  "version": "0.0.81",
   "description": "A simple select component built on top of @telegraph/combobox",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/select",
   "author": "@knocklabs",
@@ -30,7 +30,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@telegraph/combobox": "0.1.26",
+    "@telegraph/combobox": "0.1.27",
     "@telegraph/helpers": "0.0.15"
   },
   "devDependencies": {