@thecb/components 7.3.1 → 7.3.2-beta.2

package/dist/src/components/atoms/state-province-dropdown/StateProvinceDropdown.js

@@ -0,0 +1,19 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from "react";
+import FormSelect from "../form-select";
+import { placeHolderOption, placeHolderOptionUS, getOptions } from "./options";
+var FormStateDropdown = function (_a) {
+    var labelTextWhenNoError = _a.labelTextWhenNoError, errorMessages = _a.errorMessages, field = _a.field, fieldActions = _a.fieldActions, showErrors = _a.showErrors, countryCode = _a.countryCode, autocomplete = _a.autocomplete;
+    var placeholder = countryCode === "US" ? placeHolderOptionUS : placeHolderOption;
+    var options = __spreadArray([placeholder], getOptions(countryCode), true);
+    return (React.createElement(FormSelect, { options: options, field: field, fieldActions: fieldActions, labelTextWhenNoError: labelTextWhenNoError, errorMessages: errorMessages, showErrors: showErrors, autocompleteValue: autocomplete }));
+};
+export default FormStateDropdown;

package/dist/src/components/atoms/state-province-dropdown/StateProvinceDropdown.stories.d.ts

@@ -0,0 +1,7 @@
+export default story;
+export function stateProvinceDropDown(): JSX.Element;
+declare const story: {
+    title: any;
+    component: any;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};

package/dist/src/components/atoms/state-province-dropdown/StateProvinceDropdown.stories.js

@@ -0,0 +1,30 @@
+var _a;
+import React from "react";
+import { connect } from "react-redux";
+import { text, boolean } from "@storybook/addon-knobs";
+import { createFormState, required } from "redux-freeform";
+import StateProvinceDropDown from ".";
+import page from "../../../../.storybook/page";
+var _b = createFormState({
+    state: {
+        validators: [required()]
+    }
+}), mapStateToProps = _b.mapStateToProps, mapDispatchToProps = _b.mapDispatchToProps, reducer = _b.reducer;
+var errorMessages = (_a = {},
+    _a[required.error] = "State is required",
+    _a);
+var story = page({
+    title: "Components|Atoms/StateProvinceDropDown",
+    Component: StateProvinceDropDown,
+    reducer: reducer,
+    mapStateToProps: mapStateToProps,
+    mapDispatchToProps: mapDispatchToProps,
+    height: "500px"
+});
+var FormWrapper = function (_a) {
+    var fields = _a.fields, actions = _a.actions, countryCode = _a.countryCode, labelTextWhenNoError = _a.labelTextWhenNoError, showErrors = _a.showErrors;
+    return (React.createElement(StateProvinceDropDown, { errorMessages: errorMessages, field: fields.state, fieldActions: actions.fields.state, countryCode: countryCode, labelTextWhenNoError: labelTextWhenNoError, showErrors: showErrors }));
+};
+export default story;
+var ConnectedForm = connect(mapStateToProps, mapDispatchToProps)(FormWrapper);
+export var stateProvinceDropDown = function () { return (React.createElement(ConnectedForm, { labelTextWhenNoError: text("State/Province", "", "props"), countryCode: text("countryCode", "US", "props"), showErrors: boolean("showErrors", false, "props") })); };

package/dist/src/components/atoms/state-province-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export default StateProvinceDropdown;
+import StateProvinceDropdown from "./StateProvinceDropdown";

package/dist/src/components/atoms/state-province-dropdown/index.js

@@ -0,0 +1,2 @@
+import StateProvinceDropdown from "./StateProvinceDropdown";
+export default StateProvinceDropdown;

package/dist/src/components/atoms/state-province-dropdown/options.d.ts

@@ -0,0 +1,11 @@
+export namespace placeHolderOptionUS {
+    const text: string;
+    const value: string;
+}
+export namespace placeHolderOption {
+    const text_1: string;
+    export { text_1 as text };
+    const value_1: string;
+    export { value_1 as value };
+}
+export function getOptions(countryCode: any): any;