@charcoal-ui/react 2.3.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/components/DropdownSelector/Divider.d.ts +4 -0
  2. package/dist/components/DropdownSelector/Divider.d.ts.map +1 -0
  3. package/dist/components/DropdownSelector/DropdownPopover.d.ts +13 -0
  4. package/dist/components/DropdownSelector/DropdownPopover.d.ts.map +1 -0
  5. package/dist/components/DropdownSelector/ListBoxSection.d.ts +7 -0
  6. package/dist/components/DropdownSelector/ListBoxSection.d.ts.map +1 -0
  7. package/dist/components/DropdownSelector/Listbox.d.ts +1 -1
  8. package/dist/components/DropdownSelector/Listbox.d.ts.map +1 -1
  9. package/dist/components/DropdownSelector/Option.d.ts +11 -0
  10. package/dist/components/DropdownSelector/Option.d.ts.map +1 -0
  11. package/dist/components/DropdownSelector/index.d.ts.map +1 -1
  12. package/dist/components/DropdownSelector/index.story.d.ts +3 -0
  13. package/dist/components/DropdownSelector/index.story.d.ts.map +1 -1
  14. package/dist/{index.cjs → index.cjs.js} +250 -184
  15. package/dist/index.cjs.js.map +1 -0
  16. package/dist/{index.js → index.esm.js} +203 -137
  17. package/dist/index.esm.js.map +1 -0
  18. package/dist/styled.d.ts +75 -73
  19. package/dist/styled.d.ts.map +1 -1
  20. package/package.json +24 -24
  21. package/src/components/DropdownSelector/Divider.tsx +13 -0
  22. package/src/components/DropdownSelector/DropdownPopover.tsx +72 -0
  23. package/src/components/DropdownSelector/ListBoxSection.tsx +60 -0
  24. package/src/components/DropdownSelector/Listbox.tsx +14 -75
  25. package/src/components/DropdownSelector/Option.tsx +66 -0
  26. package/src/components/DropdownSelector/index.story.tsx +118 -45
  27. package/src/components/DropdownSelector/index.tsx +8 -11
  28. package/src/components/TagItem/index.tsx +5 -3
  29. package/dist/components/DropdownSelector/Popover.d.ts +0 -10
  30. package/dist/components/DropdownSelector/Popover.d.ts.map +0 -1
  31. package/dist/index.cjs.map +0 -1
  32. package/dist/index.js.map +0 -1
  33. package/src/components/DropdownSelector/Popover.tsx +0 -46
@@ -0,0 +1,4 @@
1
+ export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
2
+ role: "separator";
3
+ }, "role">;
4
+ //# sourceMappingURL=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Divider.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;UAUnB,CAAA"}
@@ -0,0 +1,13 @@
1
+ import { Key } from 'react';
2
+ import { OverlayTriggerState } from 'react-stately';
3
+ import { ReactNode } from 'react';
4
+ import { AriaPopoverProps } from '@react-aria/overlays';
5
+ declare type Props = Omit<AriaPopoverProps, 'popoverRef'> & {
6
+ state: OverlayTriggerState;
7
+ } & {
8
+ children: ReactNode;
9
+ value?: Key;
10
+ };
11
+ export declare function DropdownPopover({ children, state, ...props }: Props): JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=DropdownPopover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAS7B,aAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG;IAClD,KAAK,EAAE,mBAAmB,CAAA;CAC3B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,eA+CnE"}
@@ -0,0 +1,7 @@
1
+ import { Node } from '@react-types/shared';
2
+ import { ListState } from 'react-stately';
3
+ export declare function ListBoxSection<T>(props: {
4
+ section: Node<T>;
5
+ state: ListState<T>;
6
+ }): JSX.Element;
7
+ //# sourceMappingURL=ListBoxSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListBoxSection.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/ListBoxSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAMzC,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE;IACvC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IAChB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;CACpB,eA4BA"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { ListProps, ListState } from 'react-stately';
3
- declare type ListMode = 'default' | 'separator';
3
+ export declare type ListMode = 'default' | 'separator';
4
4
  export declare type ListboxProps<T> = Omit<ListProps<T>, 'children'> & {
5
5
  state: ListState<T>;
6
6
  mode?: ListMode;
@@ -1 +1 @@
1
- {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAUpD,aAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AACvC,oBAAY,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;;AA+BD,wBAA4B"}
1
+ {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAQpD,oBAAY,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAC9C,oBAAY,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;;AAmCD,wBAA4B"}
@@ -0,0 +1,11 @@
1
+ import { ListState } from 'react-stately';
2
+ import { Node } from '@react-types/shared';
3
+ import { ListMode } from './Listbox';
4
+ declare type OptionProps<T> = {
5
+ item: Node<T>;
6
+ state: ListState<T>;
7
+ mode?: ListMode;
8
+ };
9
+ export declare function Option<T>({ item, state, mode }: OptionProps<T>): JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=Option.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAOzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,aAAK,WAAW,CAAC,CAAC,IAAI;IACpB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,eAY9D"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAA;AAQnD,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAMjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,aAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACpC,oBAAY,qBAAqB,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,IAAI,UAAU,GACrE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;IACpB,QAAQ,CAAC,YAAY,CAAC,EAAE,GAAG,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,CAAA;AAEH,QAAA,MAAM,gBAAgB,uNAkGrB,CAAA;AAED,eAAe,gBAAgB,CAAA;AAC/B,eAAO,MAAM,oBAAoB,iEAAO,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAA;AAQnD,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAKjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,aAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACpC,oBAAY,qBAAqB,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,IAAI,UAAU,GACrE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;IACpB,QAAQ,CAAC,YAAY,CAAC,EAAE,GAAG,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,CAAA;AAEH,QAAA,MAAM,gBAAgB,uNAsGrB,CAAA;AAED,eAAe,gBAAgB,CAAA;AAC/B,eAAO,MAAM,oBAAoB,iEAAO,CAAA"}
@@ -7,6 +7,9 @@ declare const _default: {
7
7
  export default _default;
8
8
  declare type Props = Omit<DropdownSelectorProps, 'subLabel' | 'children' | 'onOpenChange'>;
9
9
  export declare const Default: Story<Props>;
10
+ export declare const Sections: Story<DropdownSelectorProps>;
11
+ export declare const Bottom: Story<DropdownSelectorProps>;
12
+ export declare const Many: Story<DropdownSelectorProps>;
10
13
  declare type HasLabelProps = {
11
14
  disabled?: boolean;
12
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AAEA,OAAyB,EAEvB,qBAAqB,EACtB,MAAM,GAAG,CAAA;AACV,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,aAAK,KAAK,GAAG,IAAI,CACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,KAAK,CAahC,CAAA;AAUD,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAsBzC,CAAA;AAMD,aAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,SAAS,GAAG,WAAW,CAAA;CAC9B,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CA0BnD,CAAA;AAMD,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,YAAY,CAmBvC,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AAGA,OAAyB,EAEvB,qBAAqB,EACtB,MAAM,GAAG,CAAA;AACV,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,aAAK,KAAK,GAAG,IAAI,CACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,KAAK,CAehC,CAAA;AAUD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,qBAAqB,CAmBjD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,qBAAqB,CAe/C,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,qBAAqB,CAwB7C,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAwBzC,CAAA;AAMD,aAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,SAAS,GAAG,WAAW,CAAA;CAC9B,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CA4BnD,CAAA;AAMD,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,YAAY,CAqBvC,CAAA"}