@artsy/palette 44.1.0 → 45.0.0-canary.1472.32632.0

package/dist/elements/Select/Select.story.js

@@ -3,13 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
+exports.default = exports.WithTitleDisabled = exports.WithTitleAndHover = exports.WithTitleAndFocus = exports.WithTitleAndError = exports.WithTitleAndDescription = exports.WithTitle = exports.WithSelectedValue = exports.WithError = exports.WithDescriptionOnly = exports.WithCustomId = exports.Required = exports.Hover = exports.Focus = exports.Disabled = exports.Default = void 0;
 var _Select = require("./Select");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _default = exports.default = {
-  title: "Components/Select"
+  component: _Select.Select,
+  title: "Components/Select",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A styled select dropdown component with options, states, and form validation."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
 var OPTIONS = [{
   text: "Please select",
@@ -36,49 +46,207 @@ var OPTIONS = [{
   text: "Artwork year (asc.)",
   value: "year"
 }];
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      focus: true
-    }, {
-      hover: true
-    }, {
-      error: "Something went wrong."
-    }, {
-      disabled: true
-    }, {
-      title: "Sort"
-    }, {
-      title: "Sort",
-      description: "A description of sorting"
-    }, {
-      title: "Sort",
-      focus: true
-    }, {
-      title: "Sort",
-      hover: true
-    }, {
-      title: "Sort",
-      error: "Something went wrong."
-    }, {
-      title: "Sort",
-      disabled: true
-    }, {
-      title: "Sort",
-      required: true
-    }, {
-      selected: "year"
-    }, {
-      title: "Pick something",
-      required: true,
-      id: "pick"
-    }, {
-      title: "Pick something",
-      description: "This matters a lot."
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+var Default = exports.Default = {
+  args: {
     options: OPTIONS
-  }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Default Select component."
+      }
+    }
+  }
+};
+var Focus = exports.Focus = {
+  args: {
+    options: OPTIONS,
+    focus: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with focus state."
+      }
+    }
+  }
+};
+var Hover = exports.Hover = {
+  args: {
+    options: OPTIONS,
+    hover: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with hover state."
+      }
+    }
+  }
+};
+var WithError = exports.WithError = {
+  args: {
+    options: OPTIONS,
+    error: "Something went wrong."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with error state."
+      }
+    }
+  }
+};
+var Disabled = exports.Disabled = {
+  args: {
+    options: OPTIONS,
+    disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select disabled state."
+      }
+    }
+  }
+};
+var WithTitle = exports.WithTitle = {
+  args: {
+    options: OPTIONS,
+    title: "Sort"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with title."
+      }
+    }
+  }
+};
+var WithTitleAndDescription = exports.WithTitleAndDescription = {
+  args: {
+    options: OPTIONS,
+    title: "Sort",
+    description: "A description of sorting"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with title and description."
+      }
+    }
+  }
+};
+var WithTitleAndFocus = exports.WithTitleAndFocus = {
+  args: {
+    options: OPTIONS,
+    title: "Sort",
+    focus: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with title and focus state."
+      }
+    }
+  }
+};
+var WithTitleAndHover = exports.WithTitleAndHover = {
+  args: {
+    options: OPTIONS,
+    title: "Sort",
+    hover: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with title and hover state."
+      }
+    }
+  }
+};
+var WithTitleAndError = exports.WithTitleAndError = {
+  args: {
+    options: OPTIONS,
+    title: "Sort",
+    error: "Something went wrong."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with title and error state."
+      }
+    }
+  }
+};
+var WithTitleDisabled = exports.WithTitleDisabled = {
+  args: {
+    options: OPTIONS,
+    title: "Sort",
+    disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with title and disabled state."
+      }
+    }
+  }
+};
+var Required = exports.Required = {
+  args: {
+    options: OPTIONS,
+    title: "Sort",
+    required: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with required state."
+      }
+    }
+  }
+};
+var WithSelectedValue = exports.WithSelectedValue = {
+  args: {
+    options: OPTIONS,
+    selected: "year"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with pre-selected value."
+      }
+    }
+  }
+};
+var WithCustomId = exports.WithCustomId = {
+  args: {
+    options: OPTIONS,
+    title: "Pick something",
+    required: true,
+    id: "pick"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with custom id."
+      }
+    }
+  }
+};
+var WithDescriptionOnly = exports.WithDescriptionOnly = {
+  args: {
+    options: OPTIONS,
+    title: "Pick something",
+    description: "This matters a lot."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Select with descriptive text."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=Select.story.js.map

package/dist/elements/Select/Select.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Select","obj","__esModule","default","_default","exports","title","OPTIONS","text","value","Default","createElement","States","states","focus","hover","error","disabled","description","required","selected","id","Select","options","displayName"],"sources":["../../../src/elements/Select/Select.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Select, SelectProps } from \"./Select\"\n\nexport default {\n  title: \"Components/Select\",\n}\n\nconst OPTIONS = [\n  { text: \"Please select\", value: \"\" },\n  { text: \"Default\", value: \"-decayed_merch\" },\n  { text: \"Price (desc.)\", value: \"-has_price,-prices\" },\n  { text: \"Price (asc.)\", value: \"-has_price,prices\" },\n  { text: \"Recently updated\", value: \"-partner_updated_at\" },\n  { text: \"Recently added\", value: \"-published_at\" },\n  { text: \"Artwork year (desc.)\", value: \"-year\" },\n  { text: \"Artwork year (asc.)\", value: \"year\" },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<SelectProps>>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Sort\" },\n        { title: \"Sort\", description: \"A description of sorting\" },\n        { title: \"Sort\", focus: true },\n        { title: \"Sort\", hover: true },\n        { title: \"Sort\", error: \"Something went wrong.\" },\n        { title: \"Sort\", disabled: true },\n        { title: \"Sort\", required: true },\n        { selected: \"year\" },\n        { title: \"Pick something\", required: true, id: \"pick\" },\n        { title: \"Pick something\", description: \"This matters a lot.\" },\n      ]}\n    >\n      <Select options={OPTIONS} />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE/B;EACbG,KAAK,EAAE;AACT,CAAC;AAED,IAAMC,OAAO,GAAG,CACd;EAAEC,IAAI,EAAE,eAAe;EAAEC,KAAK,EAAE;AAAG,CAAC,EACpC;EAAED,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAiB,CAAC,EAC5C;EAAED,IAAI,EAAE,eAAe;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACtD;EAAED,IAAI,EAAE,cAAc;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACpD;EAAED,IAAI,EAAE,kBAAkB;EAAEC,KAAK,EAAE;AAAsB,CAAC,EAC1D;EAAED,IAAI,EAAE,gBAAgB;EAAEC,KAAK,EAAE;AAAgB,CAAC,EAClD;EAAED,IAAI,EAAE,sBAAsB;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAChD;EAAED,IAAI,EAAE,qBAAqB;EAAEC,KAAK,EAAE;AAAO,CAAC,CAC/C;AAEM,IAAMC,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,gBAAA,CAAAa,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAwB,CAAC,EAClC;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEX,KAAK,EAAE;IAAO,CAAC,EACjB;MAAEA,KAAK,EAAE,MAAM;MAAEY,WAAW,EAAE;IAA2B,CAAC,EAC1D;MAAEZ,KAAK,EAAE,MAAM;MAAEQ,KAAK,EAAE;IAAK,CAAC,EAC9B;MAAER,KAAK,EAAE,MAAM;MAAES,KAAK,EAAE;IAAK,CAAC,EAC9B;MAAET,KAAK,EAAE,MAAM;MAAEU,KAAK,EAAE;IAAwB,CAAC,EACjD;MAAEV,KAAK,EAAE,MAAM;MAAEW,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEX,KAAK,EAAE,MAAM;MAAEa,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEC,QAAQ,EAAE;IAAO,CAAC,EACpB;MAAEd,KAAK,EAAE,gBAAgB;MAAEa,QAAQ,EAAE,IAAI;MAAEE,EAAE,EAAE;IAAO,CAAC,EACvD;MAAEf,KAAK,EAAE,gBAAgB;MAAEY,WAAW,EAAE;IAAsB,CAAC;EAC/D,gBAEFtB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,OAAA,CAAAsB,MAAM;IAACC,OAAO,EAAEhB;EAAQ,EAAG,CACrB;AAEb,CAAC;AAxBYG,OAAO,CAAAc,WAAA"}
+{"version":3,"file":"Select.story.js","names":["_Select","require","_storybookBlocklist","_default","exports","default","component","Select","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","OPTIONS","text","value","Default","args","options","story","Focus","focus","Hover","hover","WithError","error","Disabled","disabled","WithTitle","WithTitleAndDescription","WithTitleAndFocus","WithTitleAndHover","WithTitleAndError","WithTitleDisabled","Required","required","WithSelectedValue","selected","WithCustomId","id","WithDescriptionOnly"],"sources":["../../../src/elements/Select/Select.story.tsx"],"sourcesContent":["import { Select } from \"./Select\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Select,\n  title: \"Components/Select\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A styled select dropdown component with options, states, and form validation.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nconst OPTIONS = [\n  { text: \"Please select\", value: \"\" },\n  { text: \"Default\", value: \"-decayed_merch\" },\n  { text: \"Price (desc.)\", value: \"-has_price,-prices\" },\n  { text: \"Price (asc.)\", value: \"-has_price,prices\" },\n  { text: \"Recently updated\", value: \"-partner_updated_at\" },\n  { text: \"Recently added\", value: \"-published_at\" },\n  { text: \"Artwork year (desc.)\", value: \"-year\" },\n  { text: \"Artwork year (asc.)\", value: \"year\" },\n]\n\nexport const Default = {\n  args: {\n    options: OPTIONS,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default Select component.\",\n      },\n    },\n  },\n}\n\nexport const Focus = {\n  args: {\n    options: OPTIONS,\n    focus: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with focus state.\",\n      },\n    },\n  },\n}\n\nexport const Hover = {\n  args: {\n    options: OPTIONS,\n    hover: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with hover state.\",\n      },\n    },\n  },\n}\n\nexport const WithError = {\n  args: {\n    options: OPTIONS,\n    error: \"Something went wrong.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with error state.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    options: OPTIONS,\n    disabled: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select disabled state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitle = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndDescription = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    description: \"A description of sorting\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and description.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndFocus = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    focus: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and focus state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndHover = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    hover: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and hover state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleAndError = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    error: \"Something went wrong.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and error state.\",\n      },\n    },\n  },\n}\n\nexport const WithTitleDisabled = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    disabled: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with title and disabled state.\",\n      },\n    },\n  },\n}\n\nexport const Required = {\n  args: {\n    options: OPTIONS,\n    title: \"Sort\",\n    required: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with required state.\",\n      },\n    },\n  },\n}\n\nexport const WithSelectedValue = {\n  args: {\n    options: OPTIONS,\n    selected: \"year\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with pre-selected value.\",\n      },\n    },\n  },\n}\n\nexport const WithCustomId = {\n  args: {\n    options: OPTIONS,\n    title: \"Pick something\",\n    required: true,\n    id: \"pick\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with custom id.\",\n      },\n    },\n  },\n}\n\nexport const WithDescriptionOnly = {\n  args: {\n    options: OPTIONS,\n    title: \"Pick something\",\n    description: \"This matters a lot.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Select with descriptive text.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/elements/SelectInput/SelectInput.story.d.ts

@@ -1,8 +1,309 @@
 import React from "react";
 declare const _default: {
+    component: React.ForwardRefExoticComponent<import("./SelectInput").SelectInputProps & React.RefAttributes<HTMLInputElement>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const CurrencySelect: () => React.JSX.Element;
-export declare const LoadingDisplayTest: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithPlaceholder: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithoutSearch: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithoutLabel: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Required: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+        required: boolean;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+        disabled: boolean;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CustomSelectWidth: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+        selectWidth: number;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CustomOptionTextWidth: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+        optionTextMinWidth: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithError: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+            countryCode: string;
+            flag: string;
+        }[];
+        label: string;
+        type: string;
+        autoComplete: string;
+        enableSearch: boolean;
+        placeholder: string;
+        error: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CurrencySelect: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+        }[];
+        label: string;
+        selectWidth: number;
+        optionTextMinWidth: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CurrencyWithPlaceholder: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+        }[];
+        label: string;
+        selectWidth: number;
+        optionTextMinWidth: string;
+        placeholder: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CurrencyWithSearch: {
+    args: {
+        options: {
+            text: string;
+            name: string;
+            value: string;
+        }[];
+        label: string;
+        selectWidth: number;
+        optionTextMinWidth: string;
+        placeholder: string;
+        enableSearch: boolean;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LoadingDisplayTest: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};