@nimbus-ds/select 1.0.0-rc.1

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+Use a select box when a user needs to select one option from a list.
+
+## 2022-10-14
+
+### 📚 3rd party library updates
+
+- Added `terser-webpack-plugin@5.3.5`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `ts-loader@9.3.1`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `typescript@4.7.4`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `webpack@5.74.0`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `webpack-cli@4.10.0`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+
+### 🎉 New features
+
+- Added `name`, `id` and `children` properties to the component. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added stories on component. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Created new `Select.Group` subcomponent. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `label` and `children` properties to the component `Select.Group`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Created new `Select.Option` subcomponent. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `disabled`, `select`, `label` and `value` to the component `Select.Option`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Created new `Select.Skeleton` subcomponent. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added `width` property to the component `Select.Skeleton`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))
+- Added stories on component `Select.Skeleton`. ([#39](https://github.com/TiendaNube/nimbus-design-system/pull/39) by [@juanchigallego](https://github.com/juanchigallego))

package/README.md

@@ -0,0 +1,17 @@
+# `@nimbus-ds/select`
+
+[![@nimbus-ds/select](https://img.shields.io/npm/v/@nimbus-ds/select?select=%40nimbus-ds%2Fselect)](https://www.npmjs.com/package/@nimbus-ds/select)
+
+Use a select box when a user needs to select one option from a list.
+
+## Installation
+
+```sh
+$ yarn add @nimbus-ds/select
+# or
+$ npm install @nimbus-ds/select
+```
+
+## Usage
+
+View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/select).

package/dist/Select.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SelectComponents, SelectProps } from "./select.types";
+declare const Select: React.FC<SelectProps> & SelectComponents;
+export { Select };

package/dist/components/Group/Group.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { GroupProps } from "./group.types";
+declare const Group: React.FC<GroupProps>;
+export { Group };

package/dist/components/Group/group.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Group/group.types.d.ts

@@ -0,0 +1,7 @@
+import { OptgroupHTMLAttributes, ReactNode } from "react";
+export interface GroupProps extends OptgroupHTMLAttributes<HTMLOptGroupElement> {
+    /** Option group label */
+    label: string;
+    /** Elements to be rendered inside the option group */
+    children: ReactNode;
+}

package/dist/components/Group/index.d.ts

@@ -0,0 +1,3 @@
+import { Group } from "./Group";
+export { Group } from "./Group";
+export default Group;

package/dist/components/Option/Option.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { OptionProps } from "./option.types";
+declare const Option: React.FC<OptionProps>;
+export { Option };

package/dist/components/Option/index.d.ts

@@ -0,0 +1,3 @@
+import { Option } from "./Option";
+export { Option } from "./Option";
+export default Option;

package/dist/components/Option/option.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Option/option.types.d.ts

@@ -0,0 +1,11 @@
+import { OptionHTMLAttributes } from "react";
+export interface OptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
+    /** Indicates if option is disabled for selection */
+    disabled?: boolean;
+    /** Indicates if option is selected by default */
+    selected?: boolean;
+    /** Optional label for the option */
+    label?: string;
+    /** Value of the option */
+    value?: string;
+}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SkeletonProps } from "./skeleton.types";
+declare const Skeleton: React.FC<SkeletonProps>;
+export { Skeleton };

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+import { Skeleton } from "./Skeleton";
+export { Skeleton } from "./Skeleton";
+export default Skeleton;

package/dist/components/Skeleton/skeleton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Skeleton/skeleton.stories.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<React.FC<import("./skeleton.types").SkeletonProps>>;
+export default _default;
+export declare const select: ComponentStory<React.FC<import("./skeleton.types").SkeletonProps>>;

package/dist/components/Skeleton/skeleton.types.d.ts

@@ -0,0 +1,4 @@
+import { SkeletonProps as SkeletonBaseProps } from "@nimbus-ds/skeleton";
+export declare type SkeletonProps = Partial<Pick<SkeletonBaseProps, "width">> & {
+    "data-testid"?: string;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Group";
+export * from "./Option";
+export * from "./Skeleton";

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Select } from "./Select";
+import "@nimbus-ds/styles/packages/select/index.css";
+export { Select } from "./Select";
+export type { SelectProps } from "./select.types";
+export default Select;